CSS wordt niet weergegeven
Geplaatst: 05 sep 2004, 14:50
ik heb een phpbb-forum en zou graag mijn website dezelfde look als mijn forum geven (kleur van achtergrond en lettertypes enz...) nu is mijn vraag hoe ik dat juist moet doen. ik ken ni veel van css af dus misschien kan hier iem mij helpen. het probleem is dat phpbb gebruikt maakt van tpl-files en dus gewoon de headers en footers van mijn forum gebruiken heeft geen zin. als ik de css-file van mijn template wil gebruiken, dan geeft hij die niet weer. dit is die css-file:
wat is er verkeerd aan? 
misschien enkele tips die mij al wat op weg kunnen helpen?
greetz Radiance
Code: Selecteer alles
/* The content of the posts (body of text) */
body{background:#2e2e2e;color:#e7e7e7;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color: #6a6a6a;
scrollbar-arrow-color: #fc9b00;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #444444;
scrollbar-highlight-color: #444444;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #2e2e2e}
/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}
p{margin-top:2px;margin-bottom:3px}
/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#727272}
/* General page style */
a:link,a:active,a:visited,a.postlink{color:#dd6900;text-decoration:none}
a:hover{color:#767676}
/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#ca6000}
a.topictitle:hover{color:#767676}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}
hr{border: 0px solid #000000;border-top-width:1px;height:0px}
/* Category gradients*/
td.cat{font-weight:bold;letter-spacing:1px;background:#191919 url(images/cellpic1.gif);
height:29px;text-indent:4px}
a.cattitle,a.cattitle:visited{color:#767676}
a.cattitle:hover{color:#dd6900}
/* Main table cell colours and backgrounds */
.row1{background:#272727}
.row2,.helpline{background:#303030}
.row3{background:#414141}
td.spacerow{background:#464646}
/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background: #343434 url(images/cellpic2.jpg) repeat-y}
/* Table Header cells */
th{background: #171717 url(images/cellpic3.gif);color: #8e8e8e;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}
/* This is the border line & background colour round the entire page */
.bodyline{background:#303030;border:1px solid #ff8c00}
/* This is the outline round the main forum tables */
.forumline{background:#010101;border:1px solid #d2a900}
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#767676}
.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}
/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.postbody{font-size:12px;line-height:125%}
/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#8a8a8a}
/* Quote blocks */
.quote{background:#525252;border:1px solid #000000;color:#e7e7e7;
font-size:11px;line-height:125%}
/* Code blocks */
.code{background:#545454;border:1px solid #000000;color:#fff8dc;
font:12px Courier,"Courier New",sans-serif;padding:5px}
/* This is for the error messages that pop up */
.errorline{background:#ff8c00;border:1px solid #000000}
/* Form elements */
form{display:inline}
input{font:11px Verdana,Arial,Helvetica,sans-serif;color:#e7e7e7}
select{background:#303030;color:#e7e7e7;font:11px Verdana,Arial,Helvetica,sans-serif}
input.post,textarea.post{background:#303030;border:1px solid #000000;color:#e7e7e7;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}
input.button,input.liteoption,.fakebut{border:1px solid #d77700;background:#303030;font-size:11px;color:#dd6900}
input.catbutton{border:1px solid #d77700;background:#303030;font-size:10px}
input.mainoption{border:1px solid #d77700;background:#303030;font-size:11px;font-weight:bold}
a.but,a.but:hover,a.but:visited{color:#dd6900;text-decoration:none}
/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border:0 solid;font-size:10px}
/* This is the gradient background at the top of the page */
.topbkg{background: #1a1a1a url(images/cellpic_bkg.jpg) repeat-x}
.topnav{font-size:10px;background: #1d1c19 url(images/cellpic_nav.gif) repeat-x;color:#dd6900;
height:21px;white-space:nowrap;border: 0px solid #d77700;border-width: 1px 0px 1px 0px}
/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ffa34f}
.mod,a.mod,a.mod:visited{color:#006699}
a.admin:hover,a.mod:hover{color:#767676}
/* Specify the space around images */
.imgtopic,.imgicon{margin-left:3px}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}
/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}misschien enkele tips die mij al wat op weg kunnen helpen?
greetz Radiance
