phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

subsilver.css

https://www.phpbb.nl/forums/viewtopic.php?f=9&t=62

Pagina 1 van 2

subsilver.css

Geplaatst: 26 nov 2002, 16:45
door Robbieforum
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?

Geplaatst: 26 nov 2002, 16:59
door BartVB
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.

Geplaatst: 26 nov 2002, 17:15
door Robbieforum
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.

Geplaatst: 26 nov 2002, 17:22
door Robbieforum
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.

Geplaatst: 26 nov 2002, 17:28
door Robbieforum
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.

Geplaatst: 26 nov 2002, 20:14
door BartVB
Nope, daar gaat het dus mis :D

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.

Geplaatst: 26 nov 2002, 21:17
door Robbieforum
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?

Geplaatst: 26 nov 2002, 23:44
door BartVB
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.

Geplaatst: 27 nov 2002, 15:47
door Robbieforum
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?

Geplaatst: 27 nov 2002, 16:01
door BartVB
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.

Geplaatst: 27 nov 2002, 22:12
door Robbieforum
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 :(

Geplaatst: 28 nov 2002, 01:10
door BartVB
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 :D

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...

Geplaatst: 28 nov 2002, 13:17
door Robbieforum
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.

Geplaatst: 28 nov 2002, 13:21
door BartVB
Ik zie in Mozilla geen rare randen?

Geplaatst: 28 nov 2002, 14:01
door Robbieforum
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.

Geplaatst: 28 nov 2002, 19:16
door BartVB
Gaat in mozilla allemaal goed.

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

Geplaatst: 28 nov 2002, 19:28
door trinitron
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

Geplaatst: 28 nov 2002, 20:46
door BartVB
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 :D

Geplaatst: 29 nov 2002, 08:19
door trinitron
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 :D
Ik draai windows dus das geen probleem. Wat voor OS draai jij eigenlijk? Red Hat? Suse? ....

Geplaatst: 29 nov 2002, 11:03
door Robbieforum
Ehhh ja problemen opgelost. Veel sneller is het niet, (het was al rap) maar eens kijken als ook dataverkeer minder is.
Alle tijden zijn UTC+01:00
Pagina 1 van 2
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/