Pagina 1 van 1

CSS uit header halen?

Geplaatst: 16 jul 2004, 13:50
door eXo
Hoeveel scheelt dit qua snelheid? Ik neem aan dat het niet uitmaakt of het in een css bestand staat of dat uit de database word gehaald?

Wie kan mij hier wat meer over vertellen :)

Re: CSS uit header halen?

Geplaatst: 16 jul 2004, 14:03
door Stef
eXo schreef:Hoeveel scheelt dit qua snelheid? Ik neem aan dat het niet uitmaakt of het in een css bestand staat of dat uit de database word gehaald?

Wie kan mij hier wat meer over vertellen :)
Jawel hoor, lees dit stukje maar eens Het Lab:
hetlab.tk schreef:Als u het verwijdert, heeft u na afloop een bestand van slechts 3.362 bytes (in Windows, onder Linux zal het iets minder zijn). Dat scheelt maar liefst 8.043 bytes per opgevraagde pagina! Voortaan wordt slechts één keer per sessie het stijlsheet testthema.css opgevraagd à 7.234 bytes. Op een druk bezocht forum met zeg een miljoen bekeken forumpagina's per maand, scheelt dit dus al snel 8 GiB aan dataverkeer. En zoals we zo dadelijk zullen zien, kan er nog veel meer luxe uit de pagina's gesloopt worden. Als u het aanpassen niet voor een andere skin doet, is het toch de moeiet waard om de boel eens langs te lopen!

Geplaatst: 16 jul 2004, 14:10
door eXo
Thnx stefkuh! Dat ga ik dus doen :)

Geplaatst: 19 jul 2004, 15:01
door eXo
Zo ik heb dus alles netjes in subsilver.css geplaatst deze ziet er nu zo uit:

Code: Selecteer alles

<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
	background-image: url(templates/subSilver/images);
	background-color: e5e5e5;
	scrollbar-face-color: DEE3E7;
	scrollbar-highlight-color: FFFFFF;
	scrollbar-shadow-color: DEE3E7;
	scrollbar-3dlight-color: CDDAE0;
	scrollbar-arrow-color:  5A5A5A;
	scrollbar-track-color: EFEFEF;
	scrollbar-darkshadow-color: 587E92;
}

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

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: FFFFFF}; border: 1px 587E92 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: FFFFFF}; border: 2px 006699 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: EFEFEF; }
td.row2	{ background-color: DEE3E7; }
td.row3	{ background-color: CDDAE0; }

/*
  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 silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: FFFFFF;
		background-image: url(templates/subSilver/images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: FFA34F; font-size: 11px; font-weight : bold; 
	background-color: 5A5A5A; height: 25px;
	background-image: url(templates/subSilver/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(templates/subSilver/images/cellpic1.gif);
			background-color: CDDAE0; border: FFFFFF; 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: FFFFFF}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: CDDAE0; border: FFFFFF; border-style: solid;
}

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

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

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : 000000; }
a.gen,a.genmed,a.gensmall { color: 5A5A5A}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: DD6900; text-decoration: none; }

/* Start add - Admins/mods color management MOD */
.admincolor         { color: FF8C1D; }
.admincolor:link    { color: FF8C1D; }
.admincolor:active  { color: FF8C1D; }
.admincolor:visited { color: FF8C1D; }
.modcolor           { color: 52839C; }
.modcolor:link      { color: 52839C; }
.modcolor:active    { color: 52839C; }
.modcolor:visited   { color: 52839C; }
/* End add - Admins/mods color management MOD */

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

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : {5A5A5A}}
a.cattitle		{ text-decoration: none; color : 5A5A5A; }
a.cattitle:hover{ text-decoration: none; }

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

/* 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 : 5A5A5A; }
a.nav:hover		{ text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : 000000; }
a.topictitle:link   { text-decoration: none; color : 5A5A5A; }
a.topictitle:visited { text-decoration: none; color : 5493B4; }
a.topictitle:hover	{ text-decoration: none; color : DD6900; }

/* 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; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : 5A5A5A }
a.postlink:visited { text-decoration: none; color : 5493B4; }
a.postlink:hover { text-decoration: none; color : DD6900}

/* Quote & Code blocks */
.code { 
	font-family: Courier, Courier New, sans-serif; font-size: 11px; color: 006699;
	background-color: FAFAFA; border: CDDAE0; 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: 444444; line-height: 125%;
	background-color: FAFAFA; border: CDDAE0; 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: 444444; letter-spacing: -1px;}
a.copyright		{ color: 444444; text-decoration: none;}
a.copyright:hover { color: 000000; text-decoration: none;}

/* 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 : EFEFEF;
	color : 000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

/* None-bold submit button */
input.liteoption {
	background-color : FAFAFA;
	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: DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css"); 
-->
Alleen opent ie nu de plaatjes (cellpics enz.) niet meer en mis ik alle border lijntjes op mijn forum. Lettertype formaten kloppen weer wel.

Kan iemand mijn vertellen wat er fout zit in mijn subsilver.css? Kan niet vinden wat er niet klopt :(

Hier kan je het zien: http://www.400cc.nl/index.php

Thnx in advance :)

Edit:

Zodra ik dit wijzig:

Code: Selecteer alles

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: FFFFFF}; border: 1px 587E92 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: FFFFFF}; border: 2px 006699 solid; }
In dit word ook heel me forum gek (ik haal } weg achter de kleur):

Code: Selecteer alles

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: FFFFFF; border: 1px 587E92 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: FFFFFF; border: 2px 006699 solid; }
wat is er mis mee?

Geplaatst: 19 jul 2004, 15:27
door Stef
Je had het niet in subSilver.css hoeven plaatsen het stond er automatisch al goed in. :)

Geplaatst: 19 jul 2004, 15:33
door eXo
Huh? Dus je kan de variabelen in subsilver.css laten staan?
Ik snap het ff niet meer :shock: :roll:

:)

Geplaatst: 19 jul 2004, 15:35
door superman5000
eff een vraagje tussen door.
hoe doe je dit precies met subsilver zodat hij alles uit de css pakt?

Geplaatst: 19 jul 2004, 15:35
door mosymuis

Code: Selecteer alles

<!-- link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css" -->
veranderen naar

Code: Selecteer alles

<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css" />

Geplaatst: 19 jul 2004, 15:36
door eXo
superman5000 schreef:eff een vraagje tussen door.
hoe doe je dit precies met subsilver zodat hij alles uit de css pakt?
Hier staat het:
http://www.phpbb.com/kb/article.php?article_id=127

:)

Geplaatst: 19 jul 2004, 15:37
door eXo
mosymuis schreef:

Code: Selecteer alles

<!-- link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css" -->
veranderen naar

Code: Selecteer alles

<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css" />

Dat heb ik idd gedaan in overall_header.tpl?
Maar sommige dingen pakt hij gewoon niet uit de css file.

Geplaatst: 19 jul 2004, 15:43
door superman5000
als je nu een modded style heb die alles in overall_header heeft.
moet ik dan gewoon alles uit overall_header.tlp copy doen en weer in mijn CSS file zetten?

ps. sorry als ik heel je topic verknal :wink:
pps. dit is mijn 600 post :bier:

Geplaatst: 19 jul 2004, 18:00
door eXo
superman5000 schreef:als je nu een modded style heb die alles in overall_header heeft.
moet ik dan gewoon alles uit overall_header.tlp copy doen en weer in mijn CSS file zetten?

ps. sorry als ik heel je topic verknal :wink:
pps. dit is mijn 600 post :bier:
No prob. Kickjes zijn altijd fijn :)

Ik weet nu zeker dat hij alles uit de css haalt alleen sommige dingen gebruikt hij niet.

Welke CSS goeroe ziet de fouten bij mijn css file? Of mischien kan iemand zijn css bestand posten zodat ik die kan vergelijken?

:)

Geplaatst: 19 jul 2004, 18:03
door mosymuis

Code: Selecteer alles

templates/subSilver/
moet je weglaten, je moet nu alle plaatjes relatief van de stylesheet linken, ipv relatief van de pagina.

Re: CSS uit header halen?

Geplaatst: 19 jul 2004, 18:20
door WebPaulsky
Stefkuh schreef:
eXo schreef:Hoeveel scheelt dit qua snelheid? Ik neem aan dat het niet uitmaakt of het in een css bestand staat of dat uit de database word gehaald?

Wie kan mij hier wat meer over vertellen :)
Jawel hoor, lees dit stukje maar eens Het Lab:
hetlab.tk schreef:Als u het verwijdert, heeft u na afloop een bestand van slechts 3.362 bytes (in Windows, onder Linux zal het iets minder zijn). Dat scheelt maar liefst 8.043 bytes per opgevraagde pagina! Voortaan wordt slechts één keer per sessie het stijlsheet testthema.css opgevraagd à 7.234 bytes. Op een druk bezocht forum met zeg een miljoen bekeken forumpagina's per maand, scheelt dit dus al snel 8 GiB aan dataverkeer. En zoals we zo dadelijk zullen zien, kan er nog veel meer luxe uit de pagina's gesloopt worden. Als u het aanpassen niet voor een andere skin doet, is het toch de moeiet waard om de boel eens langs te lopen!
Als ej die css weghaalt en die van eht lab erneer zet word alles zwart aan de onderkant

Geplaatst: 19 jul 2004, 18:39
door eXo
mosymuis schreef:

Code: Selecteer alles

templates/subSilver/
moet je weglaten, je moet nu alle plaatjes relatief van de stylesheet linken, ipv relatief van de pagina.
Afbeelding Thnx!

Beetje stom dat ik daar zelf niet aan dacht :shock:

Nog een laatste probleem. Ik geef in mijn .forumline class aan dat het randje om mijn forum deze kleur moet hebben: 55798C

Code: Selecteer alles

/* This is the outline round the main forum tables */
.forumline	{ background-color: FFFFFF; border: solid 55798C 2px; }
Maar nu krijg ik een een of ander vaag grijs lijntje?
Zoals hier te zien: http://www.400cc.nl/index.php

Hoe kan dit komen? CSS fout?

Geplaatst: 19 jul 2004, 18:44
door mosymuis
eXo schreef:Ik geef in mijn .forumline class aan dat het randje om mijn forum deze kleur moet hebben: 55798C

Code: Selecteer alles

/* This is the outline round the main forum tables */
.forumline	{ background-color: FFFFFF; border: solid 55798C 2px; }
Maar nu krijg ik een een of ander vaag grijs lijntje?

Zoals hier te zien: http://www.400cc.nl/index.php

Hoe kan dit komen? CSS fout?
:?:
/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: solid #55798C 2px; }
//edit
#55798C is ook een vaag blauw-grijs tintje.

Geplaatst: 19 jul 2004, 18:59
door eXo
Het lag aan het hekje. Verder staat er in het css file nergens een hekje voor een kleur?

Nogmaals dank mosymuis ;)