schrift falsch

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.
Benutzeravatar
tazzi
Mitglied
Beiträge: 801
Registriert: 15.10.2004 14:08
Wohnort: Rickling
Kontaktdaten:

schrift falsch

Beitrag von tazzi »

hallo, ich hab das problem, dass meine schrift zu groß und nciht fett ist, ich möchte sie etwas kleiner (die schwarze schrift) und dicker haben, damit mans besser lesen kann....komm aber irgendwie nicht zurecht.
wo genau änder ich das?? (auch die schrift im post selber, am besten zu sehen unter chinchilla/wissenswertes zu chinchillas)


und außerdem (ich hatte sie schonmal, nur hab ich ie irgendwie wieder entfernt) bräuchte ich die tabellenborder wieder, also die innen...find sie aber nicht mehr *blind*

meine style.css

Code: Alles auswählen

/*
  BlackAndWhite theme for phpBB version 2+
	Created by feather inju
	http://www.realmofdraken.com
	Based on the original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #008080;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-3dlight-color: #008080;
	scrollbar-arrow-color:  #008080;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #008080;
}

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


/* This is the border line & background colour round the entire page */
.bodyline	{ background-image: url(images/9.jpg); background-color: #FFFFFF; border: 0px #FFFFFF solid; }

/* This is the outline round the main forum tables ...........Die Linien auf der ersten seite rund ums forum*/
.forumline	{ background-image: url(images/5.jpg); background-color: #FFFFFF; border: 1px #000000 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-image: url(images/5.jpg); }
td.row2	{ background-image: url(images/5.jpg); }
td.row3	{ background-image: url(images/5.jpg); }


/*
  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.das sind die silbernen hintergrundbalken
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds .........die überschriften wie -forum,themen,beiträge ..- */
th	{
	color: #000000; font-size: 14px; font-weight : bold;
	background-color: #000000; height: 25px;
	background-image: url(images/cellpic3.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.jpg);
			background-color: #000000; border: #FFFFFF 0px; 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: #008080 0px border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-image: url(images/5.jpg); background-color: #000000; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. die große überschrift*/
.maintitle,h1,h2	{
			font-weight: bold; font-size: 26px; font-family: Century, Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #008080;
}


/* General text */
.gen { font-size : 11px bold; }
.genmed { font-size : 10px bold; }
.gensmall { font-size : 10px bold; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #FFFFFF; text-decoration: none; }


/* The register, login, search etc links at the top of the page ...........regristrieren, login, profil etc farbe und größe*/
.mainmenu		{ font-size : 11px bold; color : #000000}
a.mainmenu		{ text-decoration: none; color : #008080;  }
a.mainmenu:hover{ text-decoration: none; color : #FFFFFF; }


/* Forum category titles ...................die forumsüberschriften in den silbernen balken*/
.cattitle		{ font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #000000}
a.cattitle		{ text-decoration: none; color : #000000; }
a.cattitle:visited { text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: none; color : #FFFFFF; }


/* Forum title: Text and link to the forums used in: index.php die forumstitel ..................unter den silbernen balken, wie willkommen ,etc*/
.forumlink		{ font-weight: bold; font-size: 14px; color : #000000; }
a.forumlink 	{ text-decoration: none; color : #008080; }
a.forumlink:hover{ text-decoration: none; color : #FFFFFF; }


/* 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 : #000000; }
a.nav:hover		{ text-decoration: none; color : #FFFFFF; }


/* titles for the topics: could specify viewed link colour too ...........die verschiedenen topic titel */
.topictitle			{ font-weight: bold; font-size: 12px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #008080; }
a.topictitle:visited { text-decoration: none; color : #008080; }
a.topictitle:hover	{ text-decoration: none; color : #FFFFFF; }


/* Name of poster in viewmsg.php and viewtopic.php and other places name des postenden und ähnliches*/
.name			{ font-size : 10px; color : #008080;}

/* Location, number of posts, post date etc ..........beschreibungen die immer über dem post steht, wie datum, titel etc*/
.postdetails		{ font-size : 11px bold; color : #FFFFFF; }


/* The content of the posts (body of text) */
.postbody { font-size : 11px; color : #000000;}
a.postlink:link	{ text-decoration: none; color : #008080; }
a.postlink:visited { text-decoration: none; color : #008080; }
a.postlink:hover { text-decoration: none; color : #FFFFFF;}


/* Quote & Code blocks */
.code {
	font-family: Century Gothic, 'Courier New', sans-serif; font-size: 12px; color: #000000;
	background-image: url(images/8.jpg); border-style: solid #000000;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 125%;
	background-image: url(images/8.jpg); border-style: solid; border: #000000; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 11px; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; color: #000000; letter-spacing: -1px;}
a.copyright	{ color: #0080800; text-decoration: none;}
a.copyright:hover { color: #FFFFFF; text-decoration: none;}


/* Form elements .......felder in denen etwas eingetragen werden kann, wie zB die login daten beim einloggen*/ 
input,textarea, select { 
   background-image: url(images/5.jpg);    
   color : #000000; 
   font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
   border-color : #FFFFFF; border : 1px
} 

/* The text input fields background colour ....texteingabe felder*/ 
input,textarea, select { 
   background-image: url(images/5.jpg);    
   color : #000000; 
   font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
   border-color : #FFFFFF; 
   border-width: 1px; 
   border-style: solid; 

} 

input { text-indent : 2px; } 

/* The buttons used for bbCode styling in message post */ 
input.button { 
   background-image: url(images/8.jpg);
   color : #008080; 
   font-size: bold 12px; font-family: Century, Verdana, Arial, Helvetica, sans-serif; 
   border-color : #000000; 
} 

/* The main submit button option */ 
input.mainoption { 
   background-image: url(images/5.jpg);
   color : #008080; 
   font-weight : bold; 
   border-color : #000000; 
} 

/* None-bold submit button */ 
input.liteoption { 
   background-image: url(images/5.jpg);
   color : #008080; 
   font-weight : bold; 
   border-color : #000000; 
} 


 
/* 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-image: url(images/8.jpg); background-color: #000000; border: 1px #FFFFFF solid; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
bye bye Tazzi
_______________
ich bin imaginär
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Code: Alles auswählen

/* This is the border line & background colour round the entire page */ 
.bodyline   { background-image: url(images/9.jpg); background-color: #FFFFFF; border: 0px #FFFFFF solid; }
Da sind die Tabellenrahmen versteckt ... border: 0px ändern in 1px

Welche Schriften sollen denn genau geändert werden?

Markus
Benutzeravatar
tazzi
Mitglied
Beiträge: 801
Registriert: 15.10.2004 14:08
Wohnort: Rickling
Kontaktdaten:

Beitrag von tazzi »

ja wenn ich da border 1 mach, dann hab cih gleich um das gesamte forum ne linie, ich möchte aber nur innerhalb des forums eine haben , also nur die zellen selber mit den threads sollen wieder ganz normal die linien haben. eben unter jedem "willkommen, Chinchilla, Pinnwand " etc sowie die spalten von der anzahl der beiträge etc


die schift die geändert werden muß ist auf der hauptseite 1. die login/mitgliederliste etc..kleiner und dicker
2. die schwarze schrift unter den überschriften , wie zum beispiel: bitte hier zuerst reinschauen, Moderatoren etc., auch da kleiner und dicker


sowas wie Chinchillas/Willkomenn etc soll so bleiben

3. Dein letzter Besuch war am: Mi, 09.Feb. 2005, 11:29
Aktuelles Datum und Uhrzeit: Mi, 09.Feb. 2005, 11:38 soll kleineer und dicker

4. das was gepostet wird, soll eine nummer größer und dicker


5. Unsere Benutzer haben insgesamt 89 Beiträge geschrieben.
Wir haben 14 registrierte Benutzer.
Der neueste Benutzer ist Nexian.
Insgesamt sind 2 Benutzer online: Ein registrierter, kein versteckter und ein Gast. [ Administrator ] [ Moderator ]
Der Rekord liegt bei 4 Benutzern am So, 17.Okt. 2004, 16:37.
Registrierte Benutzer: Tazzi
kleiner und dicker :)


das wars aber schon... *g*
bye bye Tazzi
_______________
ich bin imaginär
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ....

Du meinst die Rahmen um die einzelnen Zeilen ?
Das wird über die "rows" definiert und der Hintergrundfarbe ...

Code: Alles auswählen

/* Main table cell colours and backgrounds */ 
td.row1   { background-image: url(images/5.jpg); } 
td.row2   { background-image: url(images/5.jpg); } 
td.row3   { background-image: url(images/5.jpg); } 
ersetze mit dem hier ...

Code: Alles auswählen

/* Main table cell colours and backgrounds */ 
td.row1   { background-color: #000000; background-image: url(images/5.jpg); } 
td.row2   { background-color: #000000; background-image: url(images/5.jpg); } 
td.row3   { background-color: #000000; background-image: url(images/5.jpg); } 
1. die login/mitgliederliste etc..kleiner und dicker

Code: Alles auswählen

/* The register, login, search etc links at the top of the page ...........regristrieren, login, profil etc farbe und größe*/ 
.mainmenu      { font-size : 11px bold; color : #000000} 
a.mainmenu      { text-decoration: none; color : #008080;  } 
a.mainmenu:hover{ text-decoration: none; color : #FFFFFF; } 
ersetze mit:

Code: Alles auswählen

/* The register, login, search etc links at the top of the page ...........regristrieren, login, profil etc farbe und größe*/ 
.mainmenu      { font-size : 10px bold; color : #000000} 
a.mainmenu      { font-size : 10px bold; text-decoration: none; color : #008080;  } 
a.mainmenu:hover{ font-size : 10px bold; text-decoration: none; color : #FFFFFF; } 
Der Rest folgt gleich ....

Markus
Benutzeravatar
tazzi
Mitglied
Beiträge: 801
Registriert: 15.10.2004 14:08
Wohnort: Rickling
Kontaktdaten:

Beitrag von tazzi »

Markus67 hat geschrieben:Hi ....

Du meinst die Rahmen um die einzelnen Zeilen ?
ich mein die einzelnen "striche" zwischen den themen, das was bei die dunkelbraun ist und im phpbb forum weiß


hab die "ersetzen" schritte gemacht, hat nix geändert...oder liegts wieder am IE?
bye bye Tazzi
_______________
ich bin imaginär
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

wegen der Rahmen ...

Code: Alles auswählen

/* This is the outline round the main forum tables ...........Die Linien auf der ersten seite rund ums forum*/
.forumline	{ background-image: url(images/5.jpg); background-color: #FFFFFF; border: 1px #000000 solid; }
Entferne hier das background-image ...

Und hier nochmal der Eintrag für "mainmenü"

Code: Alles auswählen

/* The register, login, search etc links at the top of the page ...........regristrieren, login, profil etc farbe und größe*/ 
.mainmenu      	{ font-size : 8px; font-weight: bold; color : #000000; } 
a.mainmenu    	{ font-size : 8px; font-weight: bold; color : #000000; text-decoration: none; } 
a.mainmenu:hover{ font-size : 8px; font-weight: bold; color : #FFFFFF; text-decoration: none; } 
Markus
Benutzeravatar
tazzi
Mitglied
Beiträge: 801
Registriert: 15.10.2004 14:08
Wohnort: Rickling
Kontaktdaten:

Beitrag von tazzi »

hey, super, hat gut geklappt. jetzt ist nur noch

Code: Alles auswählen

Dein letzter Besuch war am: Mi, 09.Feb. 2005, 12:05
Aktuelles Datum und Uhrzeit: Mi, 09.Feb. 2005, 12:30
Forum.Tazzi.org Foren-Übersicht Beiträge seit dem letzten Besuch anzeigen
Eigene Beiträge anzeigen
Unbeantwortete Beiträge anzeigen 
viel zu groß und

Code: Alles auswählen

Für Pferdefans, Halter, Reiter und die, die es noch werden wollen
Moderatoren Tazzi, Aramis
das auch. und beides muß natürlich dicker..... :roll:

genauso auch die schrift in jedem post, muß etwas kleiner

Code: Alles auswählen

Diese Daten zeigen an, wer in den letzten 5 Minuten online war. 

[code] Neue Beiträge     Keine neuen Beiträge     Forum ist gesperrt 
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum bearbeiten.
Du kannst deine Beiträge in diesem Forum löschen.
Du kannst an Umfragen in diesem Forum mitmachen.
Du kannst dieses Forum moderieren. [/code]
kleiner
bye bye Tazzi
_______________
ich bin imaginär
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Code: Alles auswählen

Dein letzter Besuch war am: Mi, 09.Feb. 2005, 12:05 
Aktuelles Datum und Uhrzeit: Mi, 09.Feb. 2005, 12:30 
Forum.Tazzi.org Foren-Übersicht Beiträge seit dem letzten Besuch anzeigen 
Eigene Beiträge anzeigen 
Unbeantwortete Beiträge anzeigen 
Dafür ist der Eintrag .gensmall zuständig

Code: Alles auswählen

/* General text */
.gen { font-size : 11px bold; }
.genmed { font-size : 10px bold; }
.gensmall { font-size : 10px bold; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #FFFFFF; text-decoration: none; }
Für Pferdefans, Halter, Reiter und die, die es noch werden wollen
Moderatoren Tazzi, Aramis
Dafür ist ebenfalls .gensmall und .genmed verantwortlich

Diese Daten zeigen an, wer in den letzten 5 Minuten online war.
Neue Beiträge Keine neuen Beiträge Forum ist gesperrt
Auch hier wieder .gensmall :wink:

Markus
Benutzeravatar
tazzi
Mitglied
Beiträge: 801
Registriert: 15.10.2004 14:08
Wohnort: Rickling
Kontaktdaten:

Beitrag von tazzi »

*g* man lernt nie aus, ich war vor lauter css bearbeiten (die letzten 3 tage) schon ganz "html-blind"
bye bye Tazzi
_______________
ich bin imaginär
Benutzeravatar
tazzi
Mitglied
Beiträge: 801
Registriert: 15.10.2004 14:08
Wohnort: Rickling
Kontaktdaten:

Beitrag von tazzi »

ich hab jetzt bei gensmall 9px eingetragen... ab er irgendwie ändert sich absolut nix... :(
bye bye Tazzi
_______________
ich bin imaginär
Antworten

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