Seite 1 von 1

Farben Schriftenzuordnung in *css

Verfasst: 25.03.2006 14:40
von walti
irgendwie komme ich nicht weiter mit der farblichen Veränderung der Schriften
so soll zbs ein Link in einer auffälligen Farbe (derzeit schwarz) dargestellt werden, eventuell auch bold oder unterstrichen
nur wo finde ich was in dieser Datei ???

habs mit try und error versucht aber komme nicht weiter

/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Edited by Daz - http://www.forumimages.com - last updated 26-06-03 */

/* The content of the posts (body of text) */
body{background:#f2f2f2;color:#333333;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#c2c2c2;
scrollbar-arrow-color:#666666;
scrollbar-darkshadow-color:#c2c2c2;
scrollbar-face-color:#e2e2e2;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#e6e6e6;
scrollbar-track-color:#f1f1f1}

/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}

/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#999999}

/* General page style */
a:link,a:active,a:visited,a.postlink{color:#000000;text-decoration:none}
a:hover{color:#999999;text-decoration:underline}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#262626}
a.topictitle:hover{color:#999999}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}

hr{border:0px solid #ffffff;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat{font-weight:bold;letter-spacing:1px;background:#f0f0f0 url(images/cellpic1.gif);
height:29px;text-indent:4px}

/* Main table cell colours and backgrounds */
.row1{background:#efefef}
.row2,.helpline{background:#e2e2e2}
.row3{background:#e9e9e9}
td.spacerow{background:#dbdbdb}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background:url(images/cellpic2.jpg) #ffffff repeat-y}

/* Table Header cells */
th{background:#d0d0d0 url(images/cellpic3.gif);color:#666666;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:#f9f9f9;border:1px solid #666666}

/* This is the outline round the main forum tables */
.forumline{background:#ffffff;border:1px solid #333333}

/* 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:#999999}

.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:#666666}

/* Quote blocks */
.quote{background:#fafafa;border:1px solid #666666;color:#444444;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#fafafa;border:1px solid #666666;color:#006600;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#999999;border:1px solid #333333}

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif}

select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}
input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}
input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}

a.but,a.but:hover,a.but:visited{color:#000000;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:#3300cc url(images/cellpic_bkg.jpg) repeat-x}
.topnav{font-size:10px;background:#eeeeee url(images/cellpic_nav.gif) repeat-x;color:#3300cc;
height:21px;white-space:nowrap;border: 0px solid #999999;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:#006600}
a.admin:hover,a.mod:hover{color:#dd6900}

/* 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}

Verfasst: 25.03.2006 20:10
von miccom
hier werden deine links u.a. definiert:

Code: Alles auswählen

/* General page style */
a:link,a:active,a:visited,a.postlink{color:#000000;text-decoration:none}
a:hover{color:#999999;text-decoration:underline} 
wie du mit css erfolge erzielst, wird hier sehr ausführlich beschrieben:
http://de.selfhtml.org