Pagina 1 van 2

grootte forumtitel & grootte topictitel = OPGELOST

Geplaatst: 28 feb 2006, 22:03
door Ivoman
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

Geplaatst: 28 feb 2006, 22:11
door Bee
Ik denk dat dit afhangt van een bepaalde regel in de stylesheet.

Geplaatst: 28 feb 2006, 22:15
door Ivoman
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:

Geplaatst: 28 feb 2006, 22:28
door Wout -- w00t
/* 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.

Geplaatst: 28 feb 2006, 22:34
door Ivoman

Geplaatst: 28 feb 2006, 22:43
door Ivoman
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

Geplaatst: 28 feb 2006, 22:52
door Bee

Code: Selecteer alles

a.topictitle:visited { text-decoration: none; color : #999999; }

Geplaatst: 28 feb 2006, 22:59
door Ivoman
helemaal in orde nu :)

Geplaatst: 28 feb 2006, 23:46
door Ivoman
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

Geplaatst: 01 mar 2006, 08:08
door Bee

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; } 

Geplaatst: 01 mar 2006, 08:48
door Wout -- w00t
.forumline { background-color: #999999; border: 1px #000000 solid; }
Het dik gedrukte moet je dus aanpassen. ;)

Geplaatst: 01 mar 2006, 10:50
door Ivoman
:D

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

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

merci :bier:

Geplaatst: 02 mar 2006, 21:55
door Ivoman
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

Geplaatst: 03 mar 2006, 13:58
door Ivoman
Kan iemand eens kijken in m'n graphite.css hierboven naar de [url=][url] linken? Ik vindt ze niet. :roll:

Geplaatst: 03 mar 2006, 16:15
door Bee
Ik denk eerder een aanpassing in bbcode.tpl

Geplaatst: 05 mar 2006, 02:07
door Ivoman
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

Geplaatst: 05 mar 2006, 10:20
door Bee
Nee, maar ik denk dat het iets te maken heeft met een toegewezen class in de url bbcode.

Geplaatst: 05 mar 2006, 10:55
door Ivoman
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:

Geplaatst: 05 mar 2006, 11:48
door Bee
Verander het eens in class="postdetails" :wink:

Geplaatst: 05 mar 2006, 12:06
door Ivoman
Hij doet het. :lol:
Maar, voor één of andere reden zijn deze links kleiner dan de andere links.

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

Afbeelding