subsilver.css

Robbieforum · Bericht door **Robbieforum** » 26 nov 2002, 16:45

Het zou mogelijk moeten zijn om alles wat tussen <style> en </style> staat in de overal_header te verplaatsen naar de subSilver.css

Dit heb ik gedaan en ook in overal_header de verwijzing vrijgemaakt naar de subSilver.css file.

Als ik alles verplaats dan ligt heel me forum grafisch in puin. Terwijl de code gewoon verplaatst is en de verwijzing goed.

Iemand een idee?

BartVB · Bericht door **BartVB** » 26 nov 2002, 16:59

Geen idee.
Je zal echt wat specifieker moeten zijn of even een URL moeten geven van waar het fout gaat.

Ik heb op mijn forum iig alle CSS in een file staan, anders zou ik helemaaaaaal niet blij worden van het bandbreedte gebruik. Werkt perfect.

Robbieforum · Bericht door **Robbieforum** » 26 nov 2002, 17:15

De verwijzing in de overal header is:

Code: Selecteer alles

<link rel="stylesheet" href="http://www.robbieforum.nl/phpBB2/templates/subSilver/subSilver.css" type="text/css">

De rest wat tussen

Code: Selecteer alles

<style type="text/css">

en

Code: Selecteer alles

</style>

weggehaald en in de subSilver.css gezet. Dit zou toch moeten werken.

Ik kan geen link geven want ik test en als ik zie dat het niet werkt zet ik meteen backuo terug ivm eventuele bezoekers. Als het fout gaat zie je alleen de tekst, geen balken meer etc.

Robbieforum · Bericht door **Robbieforum** » 26 nov 2002, 17:22

Hmmm update als ik de originele subsilver.css neerzet dan pakt die die wel op, maar als ik die tekst erin vervang dan pakt die die niet op.

Robbieforum · Bericht door **Robbieforum** » 26 nov 2002, 17:28

Kan ik vanuit de .css file wel de database aanroepen?

voorbeeld:

Code: Selecteer alles

td.row1	{ background-color: {T_TR_COLOR1}; }
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }

Of moet ik alles zelf aanpassen naar kleurcodes etc.

BartVB · Bericht door **BartVB** » 26 nov 2002, 20:14

Nope, daar gaat het dus mis

BTW ik maak altijd een kopie van m'n forum (/forums/) naar een andere directory (b.v. /test/ ). In /test/ kan je dan behoorlijk wat rommelen zonder dat je users er last van hebben.
daarna doe je:

mv forums old-forums && mv test forums

en dan draait je forum met de aangepaste code zonder dat de users er iets van merken.

Robbieforum · Bericht door **Robbieforum** » 26 nov 2002, 21:17

Oke dus ik kan in vanuit die css file gewoon niks uit de DB halen. Moet dus handmatig even de colorcodes ophalen en invoeren daar. Dan zou het moeten werken?

BartVB · Bericht door **BartVB** » 26 nov 2002, 23:44

Yup.
Of ja, je kan natuurlijk een .php file als CSS file gebruiken. Doe ik ook op mijn site. Werkt perfect.

Maar het makkelijkst is gewoon de CSS uit je browser copy/pasten naar een losse file.

Robbieforum · Bericht door **Robbieforum** » 27 nov 2002, 15:47

BartVB schreef:Yup.
Of ja, je kan natuurlijk een .php file als CSS file gebruiken. Doe ik ook op mijn site. Werkt perfect.

Maar het makkelijkst is gewoon de CSS uit je browser copy/pasten naar een losse file.

Dus in plaats van de code om te zetten naar een kleurcode, gewoon vanuit de header verwijzen naar een .php file waar alles in staat?

Moet ik dat alleen doen bij overal header of ook bij andere files?

BartVB · Bericht door **BartVB** » 27 nov 2002, 16:01

Je kan in de styles config de naam van de css file aangeven. Daar geef je gewoon een PHP file op.
Die PHP file maakt verbinding met de database, haalt de style gegevens op en maakt die beschikbaar voor de CSS.

Ik heb iets als dit:

Code: Selecteer alles

<?
if( eregi("(gecko|MSIE)", $_SERVER["HTTP_USER_AGENT"]) )
{
        ob_start("ob_gzhandler");
}
Header ("Cache-Control: public, max-age=7200");
Header ("Content-Type: text/css");

$accent = "#FFB163"; // Oranje

$color1 = "#DDE9FF"; // Licht blauw

$color2 = "#C5D7F8"; // Donker licht blauw
$color3 = "#B2CBF7"; // Nog donkerder
$color4 = "#90B5F8"; // Nog donkerder

$color5 = "#CBD3D9"; // Grijs
$color6 = "#AEC8F9"; // donker licht blauw
$color7 = "#1B7CAD"; // erg donker groen blauw (not used?)

/* Bokt CSS file */
/* Version 2.5 - 020927*/

body {  background-color: <?=$tpl_bg?>;
etc
etc
etc

ik stel de kleuren dus handmatig in maar je kan ze net zo goed uit de database halen.

Robbieforum · Bericht door **Robbieforum** » 27 nov 2002, 22:12

Damn krijg dat ook niet werkend:

heb file subsilver.php gemaakt met daarin:

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-color: {T_BODY_BGCOLOR};
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover		{ text-decoration: underline; color : {T_BODY_HLINK}; }
hr	{ height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

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

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

/* Main table cell colours and backgrounds */
td.row1	{ background-color: {T_TR_COLOR1}; }
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }

/*
  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: {T_TD_COLOR2};
		background-image: url(templates/subSilver/images/{T_TH_CLASS3});
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
	background-color: {T_BODY_LINK}; height: 25px;
	background-image: url(templates/subSilver/images/{T_TH_CLASS2});
}

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

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; 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: 28px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
	text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu		{ text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

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

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

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

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: underline; color : {T_BODY_HLINK}; }

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

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

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
	font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright		{ color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

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

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

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css"); 
-->

En de verwijzing in de overall_header.tpl gezet naar:

Code: Selecteer alles

<link rel="stylesheet" href="http://www.robbieforum.nl/phpBB2/templates/subSilver/subsilver.php" type="text/css">

Dat bestand staat in die dir. maar aanroepen.. ho maar

BartVB · Bericht door **BartVB** » 28 nov 2002, 01:10

Eeh, die <!-- hoort er niet. Verder is het nu een .PHP file zonder dat je iets met PHP doet.
Ook staan de {bla} markers er nog steeds. Niet handig

Je kan het beste de CSS copy/pasten uit je browser window. Dan ben je van die {bla} dingen af. Dat zet je in een .css file en klaar...

Robbieforum · Bericht door **Robbieforum** » 28 nov 2002, 13:17

Oke ik heb het met copy paste gedaan, alles gaat nu goed alleen een paar dingetjes:

Hij maakt nu zwarte randen (borders?) om bepaalde dingen, zie op de portal het google logo en zoekvenster (in code staat daar evengoed border="0") en het inlogveld helemaal onderin het forum, ook zwarte rand eromheen. Terwijl ik alle code copy paste gedaan heb. Vreemd.

BartVB · Bericht door **BartVB** » 28 nov 2002, 13:21

Ik zie in Mozilla geen rare randen?

Robbieforum · Bericht door **Robbieforum** » 28 nov 2002, 14:01

Als je naar http://www.robbieforum.nl/phpBB2/index.php gaat. En dan helemaal onderin, waar je naam en ww in moet voeren. In IE hebben deze vakken nu dikke zwarte randen. Zo ook als je een reply wilt doen om dat veld en om het veld in een forum bij het aantal onderwerpen wat hij moet laten zien om het OK hok.

BartVB · Bericht door **BartVB** » 28 nov 2002, 19:16

Gaat in mozilla allemaal goed.

Misschien een probleem met die IEforms.css die geinclude wordt?

trinitron · Bericht door **trinitron** » 28 nov 2002, 19:28

BartVB schreef:Ik zie in Mozilla geen rare randen?

Goede keus mozilla

. Deze heb ik ook als browser en beval me beter dan IE

Trinitron

BartVB · Bericht door **BartVB** » 28 nov 2002, 20:46

Irritante is alleen dan 95% van de Internet users wel IE gebruikt. Moet vmware dus maar eens gaan installeren *zucht*

Maar Mozilla ruled idd erg hard

trinitron · Bericht door **trinitron** » 29 nov 2002, 08:19

BartVB schreef:Irritante is alleen dan 95% van de Internet users wel IE gebruikt. Moet vmware dus maar eens gaan installeren *zucht*

Maar Mozilla ruled idd erg hard

Ik draai windows dus das geen probleem. Wat voor OS draai jij eigenlijk? Red Hat? Suse? ....

Robbieforum · Bericht door **Robbieforum** » 29 nov 2002, 11:03

Ehhh ja problemen opgelost. Veel sneller is het niet, (het was al rap) maar eens kijken als ook dataverkeer minder is.