Farben Schriftenzuordnung in *css

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
walti
Mitglied
Beiträge: 91
Registriert: 22.02.2006 22:47
Wohnort: 24... Kiel
Kontaktdaten:

Farben Schriftenzuordnung in *css

Beitrag 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}
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag 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
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“