Enbart importerad CSS

andreasAB · Inlägg av **andreasAB** » 2005-10-21 09:33

Haloj. Nu har jag sökt igenom forumet utan att hitat någott. Eller tja jag hitat någott men är för korkad för att använda mig av det.

JAg vill at bort all den text som är inskriven i overall_header.tpl och bar ha en länkad CSS fil. Men jag lykas inet. Det blir bara skit.

Är det någon som kan visa mig hur jag skriver när jag tagit bort all den texten som ligger där.

Min css heter ABCS.css och ligger i templates/Silver_Xire/

MVH Andreas

Inlägg av **Holger** » 2005-10-21 11:27

Lägg upp din overall_header.tpl här.

andreasAB · Inlägg av **andreasAB** » 2005-10-21 11:29

Japp här kommer det.

<style type="text/css">
<!--

/*
The Silver_Xire Theme for phpBB version 2+
Created by BaRiMzI
http://www.rimzink.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: 1px {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/Silver_Xire/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/Silver_Xire/images/{T_TH_CLASS2});
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/Silver_Xire/images/{T_TH_CLASS1});
background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 30px;
}

/*
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: 22px; 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: Verdana; 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/Silver_Xire/formIE.css");
-->
</style>

Sen har jag gjort en css som ser ut såhär av den :
och försöker länka in den

.ABCS {

/* General page style. */
body {
background-color: #EEEEEE;
scrollbar-face-color: #E0E0E0;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #E0E0E0;
scrollbar-3dlight-color: #DDDDD;
scrollbar-arrow-color: #4F4F4F;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #B4BDC0;
}

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

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

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

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

/*
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/Silver_Xire/images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #454545; font-size: 11px; font-weight : bold;
background-color: #4F4F4F; height: 25px;
background-image: url(templates/Silver_Xire/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/Silver_Xire/images/cellpic1.gif);
background-color:#DDDDD; border: #FFFFFF; border-style: solid; height: 30px;
}

/*
Setting additional nice inner borders for the main table cells.
*/
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: #DDDDD; 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: 22px; 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: #4F4F4F; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #000000; 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 : #4F4F4F; }
a.mainmenu:hover{ text-decoration: underline; color : #000000; }

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

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

/* 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 : #4F4F4F; }
a.nav:hover { text-decoration: underline; }

/* 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 : #4F4F4F; }
a.topictitle:visited { text-decoration: none; color : #6A747A; }
a.topictitle:hover { text-decoration: underline; color : #000000; }

/* 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 : #4F4F4F }
a.postlink:visited { text-decoration: none; color : #6A747A; }
a.postlink:hover { text-decoration: underline; color : #000000}

/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #939393;
background-color: #C5C5C5; border: #DDDDD; 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: #4D4D4D; line-height: 125%;
background-color: #C5C5C5; border: #DDDDD; 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; color: #4D4D4D; letter-spacing: -1px;}
a.copyright { color: #4D4D4D; 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 : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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

}

/* This is the line in the posting page which shows the rollover
help line.
*/
.helpline { background-color: #E0E0E0; border-style: none; }

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

Inlägg av **Holger** » 2005-10-21 11:38

Ah, NU förstår jag vad du menar!
Du kan ställa in att endast CSS-filen som ligger i template-mappen skall användas.
Hitta

Kod: Markera allt

</title>

Infoga därefter

Kod: Markera allt

<link rel="stylesheet" type="text/css" href="sökvägen till din CSS-fil">

andreasAB · Inlägg av **andreasAB** » 2005-10-21 11:45

Tacakr. Holger rockar

Inlägg av **Holger** » 2005-10-21 11:50

Funkade det?

Grejen är den att det finns tre sätt att dra CSS-information:
1) CSS-filen
2) databasen
3) overall_header.tpl

Jag vet inte vilken prioritet de har ...

andreasAB · Inlägg av **andreasAB** » 2005-10-21 13:21

Jepp det verkar funka kanoners. Tackar.

andreasAB · Inlägg av **andreasAB** » 2005-10-21 13:23

Hmm fast ndå all jox kod på alal sidor? Det vilel jag ju bli av med ?

Inlägg av **Holger** » 2005-10-21 13:25

Vad menar du?

andreasAB · Inlägg av **andreasAB** » 2005-10-21 14:33

Min overal header ser ut såhär nu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">


{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" type="text/css" href="templates/Silver_Xire/abcs.css">


<script language="Javascript" type="text/javascript">

</script>


</head>

MEn när jag väljer att titat på index sidan på forumet ser det ut sähär.
Skall allt var där då?

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">


<link rel="top" href="./index.php" title="www.abcsweden.se Forum Index" />
<link rel="search" href="./search.php" title="Search" />
<link rel="help" href="./faq.php" title="FAQ" />
<link rel="author" href="./memberlist.php" title="Memberlist" />

<title>www.abcsweden.se :: Index</title>

<style type="text/css">

</style>

<script language="Javascript" type="text/javascript">

</script>

Inlägg av **Holger** » 2005-10-21 14:44

Det ser ut som om du inte har laddat upp den ändrade filen ...

Men det kanske är så att CSS-infot ur CSS-filen läggs in i HTML-koden.

andreasAB · Inlägg av **andreasAB** » 2005-10-21 14:55

Jag hadde ju såklart klanat mig och lagt upp den i fel tema.

MEn nu är det rätt nästan

Nu är alla dom tabeller som överskrifterna elle rforum namnen står i utan bild. Bara svart

ha ha alltid en det någott.

andreasAB · Inlägg av **andreasAB** » 2005-10-21 14:59

det bode allts vara fel här va. men det ser ok ut.

Kod: Markera allt

/*
  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/Silver_Xire/images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #454545; font-size: 11px; font-weight : bold;
	background-color: #4F4F4F; height: 25px;
	background-image: url(templates/Silver_Xire/images/cellpic3.gif);
}

Inlägg av **Holger** » 2005-10-21 15:01

Kolla att filerna finns och att stora/små bokstäver i Silver_Xire är korrekta!

andreasAB · Inlägg av **andreasAB** » 2005-10-21 15:11

jepp dom finns där dom skall. Ligger på en windows server så det borde inte göra någott men ja det är likadant med stor och små boxtäver.

Satans

Enbart importerad CSS

Enbart importerad CSS

Vilka är online