grootte forumtitel & grootte topictitel = OPGELOST

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

grootte forumtitel & grootte topictitel = OPGELOST

Bericht door Ivoman » 28 feb 2006, 22:03

Kan iemand me hetvolgende zeggen?
In welke tpl kan ik de grootte van de forumtitels aanpassen?

Afbeelding

In welke tpl kan ik de grootte van de topictitels aanpassen?

Afbeelding
Laatst gewijzigd door Ivoman op 10 mar 2006, 10:14, 1 keer totaal gewijzigd.

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 28 feb 2006, 22:11

Ik denk dat dit afhangt van een bepaalde regel in de stylesheet.
... Maar ik modereer (nog) niet.

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 28 feb 2006, 22:15

wel, dit is de graphite.css

Code: Selecteer alles

/*
  Graphite theme for phpBB version 2+
	Created by Devious
	http://www.disfunktioncrew.com
	Based on the original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #E5E5E5;
	scrollbar-face-color: #DADADA;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #DADADA;
	scrollbar-darkshadow-color: #000000;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link { color : #B22222; text-decoration: none; }
a:active { color : #B22222; text-decoration: none; }
a:visited { color : #B22222; text-decoration: none; }
a:hover		{ text-decoration: underline; color : #000000; }
hr	{ height: 0px; border: solid #B22222 0px; border-top-width: 0px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #000000; border: 0px #000000 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #999999; border: 1px #000000 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #E5E5E5; }
td.row2	{ background-color: #DADADA; }
td.row3	{ background-color: #999999; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated black background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #E5E5E5;
		background-image: url(images/cellpic1.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the black gradient backgrounds */
th	{
	color: #000000; font-size: 12px; font-weight : bold;
	background-color: #E5E5E5; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#E5E5E5; border: #000000; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #000000; border-style: solid; height: 25px; }
td.row3Right,td.spaceRow {
	background-color: #E5E5E5; border: #000000; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}

.maintitle { font-size : 12px; color : #000000 }

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; text-decoration: none; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited	{ color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #CE0000; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000; }
a.mainmenu		{ text-decoration: none; color : #000000;  }
a.mainmenu:visited { text-decoration: none; color : #000000; }
a.mainmenu:hover{ text-decoration: underline; color : #CE0000; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000}
a.cattitle		{ text-decoration: none; color : #000000; }
a.cattitle:visited { text-decoration: none; color : #000000; }
a.cattitle:hover{  color: #CE0000; text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #000000; }
a.forumlink 	{ text-decoration: none; color : #000000; }
a.forumlink:visited { text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: underline; color : #CE0000; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #000000; }
a.nav:visited { text-decoration: none; color : #000000; }
a.nav:hover		{ text-decoration: underline; color : #CE0000; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #00000; }
a.topictitle:link   { text-decoration: none; color : #000000; }
a.topictitle:visited { text-decoration: none; color : #999999; }
a.topictitle:hover	{ text-decoration: underline; color : #CE0000; }

/* Admin & Mod Colors */ 
.admin {BACKGROUND: #E5E5E5; COLOR: #CE0000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline} 
.mod {BACKGROUND: #E5E5E5; COLOR: #CE0000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #000000;}
a.postlink:link	{ text-decoration: none; color : #000000; }
a.postlink:visited { text-decoration: none; color : #000000; }
a.postlink:hover { text-decoration: underline; color : #CE0000; }


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000;
	background-color: #ffffff; border: #000000; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%;
	background-color: #ffffff; border: #000000; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; letter-spacing: -1px;}
a.copyright		{ color: #000000; text-decoration: none;}
a.copyright:link   { color : #CE0000; text-decoration: none;}
a.copyright:visited { color : #CE0000; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #DADADA;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #DADADA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #DADADA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DADADA; border: 1px #000000 solid; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
Kan je ook zeggen onder welke '/* opmerking' ze staan? :roll:

Gebruikersavatar
Wout -- w00t
Berichten: 815
Lid geworden op: 07 jan 2005, 12:57
Locatie: Eindhoven, NL

Bericht door Wout -- w00t » 28 feb 2006, 22:28

/* The largest text used in the index page title and toptic title etc. */

Code: Selecteer alles

.maintitle { font-size : 12px; color : #000000 }
Verander 12px in de grootte die jij wilt.
Geeft geen support aan fora´s zonder copyright


Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 28 feb 2006, 22:43

Het is eveneens zo dat bekeken topics lichtgrijs worden. (zie foto) Vanaf men het eens bekeken heeft is en blijft die voor altijd grijs. Dat hoeft helemaal niet.
Waar zou ik dat kunnen aanpassen in de css? (naar zwart #000000)

Afbeelding

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 28 feb 2006, 22:52

Code: Selecteer alles

a.topictitle:visited { text-decoration: none; color : #999999; }
... Maar ik modereer (nog) niet.

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 28 feb 2006, 22:59

helemaal in orde nu :)

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 28 feb 2006, 23:46

Waar vind ik de achtergrondkleur van een quote en code?
En waar de kleur van lijnen tussen avatargebied, posts, profielknoppengebied?

'k Wil van dit:

Afbeelding

dit maken:

Afbeelding

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 01 mar 2006, 08:08

Code: Selecteer alles

/* Quote & Code blocks */ 
.code { 
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000; 
   background-color: #ffffff; border: #000000; border-style: solid; 
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px 
} 

.quote { 
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%; 
   background-color: #ffffff; border: #000000; border-style: solid; 
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px 
}
en

Code: Selecteer alles

.forumline   { background-color: #999999; border: 1px #000000 solid; } 
... Maar ik modereer (nog) niet.

Gebruikersavatar
Wout -- w00t
Berichten: 815
Lid geworden op: 07 jan 2005, 12:57
Locatie: Eindhoven, NL

Bericht door Wout -- w00t » 01 mar 2006, 08:48

.forumline { background-color: #999999; border: 1px #000000 solid; }
Het dik gedrukte moet je dus aanpassen. ;)
Geeft geen support aan fora´s zonder copyright

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 01 mar 2006, 10:50

:D

- forumlijnen zijn nu wit
- evenals quote en code omlijningen wit
- quote en code achtergronden lichtgrijs

http://www.demodderberen.be/forum/

merci :bier:

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 02 mar 2006, 21:55

Nog een vraagje omtrent kleur van een specifieke soort link:

Het is zo dat links rood (#CE0000) zijn. En bij muis erover hoveren worden die zwart (#000000)
Voorbeeld: http://www.google.com

Code: Selecteer alles

www.google.com
Maar links die via de url BBCode geplaatst worden zijn zwart. En bij muis erover hoveren worden die rood.
Voorbeeld: http://www.google.com

Code: Selecteer alles

[url=http://www.google.com/]www.google.com[/url]
Hoe krijg ik deze laatste specifieke links ook rood (En bij muis erover hoveren zwart)?

graphite.css: http://users.skynet.be/yvoman/graphite.css

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 03 mar 2006, 13:58

Kan iemand eens kijken in m'n graphite.css hierboven naar de [url=][url] linken? Ik vindt ze niet. :roll:

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 03 mar 2006, 16:15

Ik denk eerder een aanpassing in bbcode.tpl
... Maar ik modereer (nog) niet.

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 05 mar 2006, 02:07

Bee schreef:Ik denk eerder een aanpassing in bbcode.tpl
In deze tpl kan je nergens kleurencodes terugvinden. :roll:
Heb toch nog steeds een sterk vermoeden dat het ergens in de css staat, maar heb moeite het te vinden.
http://users.skynet.be/yvoman/graphite.css

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 05 mar 2006, 10:20

Nee, maar ik denk dat het iets te maken heeft met een toegewezen class in de url bbcode.
... Maar ik modereer (nog) niet.

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 05 mar 2006, 10:55

template/graphite/bbcode.tpl
<!-- BEGIN ulist_open --><ul><!-- END ulist_open -->
<!-- BEGIN ulist_close --></ul><!-- END ulist_close -->

<!-- BEGIN olist_open --><ol type="{LIST_TYPE}"><!-- END olist_open -->
<!-- BEGIN olist_close --></ol><!-- END olist_close -->

<!-- BEGIN listitem --><li><!-- END listitem -->

<!-- BEGIN quote_username_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{USERNAME} {L_WROTE}:</b></span></td>
</tr>
<tr>
<td class="quote"><!-- END quote_username_open -->
<!-- BEGIN quote_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{L_QUOTE}:</b></span></td>
</tr>
<tr>
<td class="quote"><!-- END quote_open -->
<!-- BEGIN quote_close --></td>
</tr>
</table>
<span class="postbody"><!-- END quote_close -->

<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td><span class="genmed"><b>{L_CODE}:</b></span></td>
</tr>
<tr>
<td class="code"><!-- END code_open -->
<!-- BEGIN code_close --></td>
</tr>
</table>
<span class="postbody"><!-- END code_close -->


<!-- BEGIN b_open --><span style="font-weight: bold"><!-- END b_open -->
<!-- BEGIN b_close --></span><!-- END b_close -->

<!-- BEGIN u_open --><span style="text-decoration: underline"><!-- END u_open -->
<!-- BEGIN u_close --></span><!-- END u_close -->

<!-- BEGIN i_open --><span style="font-style: italic"><!-- END i_open -->
<!-- BEGIN i_close --></span><!-- END i_close -->

<!-- BEGIN color_open --><span style="color: {COLOR}"><!-- END color_open -->
<!-- BEGIN color_close --></span><!-- END color_close -->

<!-- BEGIN size_open --><span style="font-size: {SIZE}px; line-height: normal"><!-- END size_open -->
<!-- BEGIN size_close --></span><!-- END size_close -->

<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->

<!-- BEGIN url --><a href="{URL}" target="_blank" class="postlink">{DESCRIPTION}</a><!-- END url -->

<!-- BEGIN email --><a href="mailto:{EMAIL}">{EMAIL}</A><!-- END email -->
class="postlink"

Wat doe ik ermee? :oops:

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 05 mar 2006, 11:48

Verander het eens in class="postdetails" :wink:
... Maar ik modereer (nog) niet.

Ivoman
Berichten: 214
Lid geworden op: 24 feb 2006, 10:58
Locatie: Oost-Vl
Contacteer:

Bericht door Ivoman » 05 mar 2006, 12:06

Hij doet het. :lol:
Maar, voor één of andere reden zijn deze links kleiner dan de andere links.

(zie http://www.quadclub.be)

Afbeelding

Gesloten