Einbinden zusätzliche Icons ??

baba_n · Beitrag von **baba_n** » 17.04.2009 10:33

Hallo,
ich möchte in mein Forum for den Titel der Forum, Topics ... ein Icon einfügen.
ich habe in viewforum_body folgendes eingefügt

Code: Alles auswählen

 <dl class="icon">
					<dt><img src="./imageset/icon_yamaha.gif" width="27" height="27" alt=""><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and topicrow.S_TOPIC_TYPE gt 1 -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></dt>
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				</dl>

Es wird nix angezeigt. Was mache ich falsch?

Muss ich das Bild so definieren wie hier in Beispiel?:

Code: Alles auswählen

<img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" />

Wenn ja, wo genau werden die Bilder definiert Z.B. {T_ICONS_PATH}{postrow.POST_ICON_IMG}
Danke schon mal im Vorraus

Beitrag von **JFooty** » 17.04.2009 15:00

Warum so umständlich?
Du kannst doch im ACP unter "Foren verwalten" für jedes Forum ein Forumbild angeben.

Oder willst du die Standard-Icons durch eigene Grafiken ersetzen?
Lade die Grafiken einfach in den imageset-Ordner deines Styles.
Ordne die einzelnen Grafiken anschließend in der imageset.cfg zu.
Z.B. wird dann aus

Code: Alles auswählen

img_forum_link = forum_link.gif*27*27

das hier

Code: Alles auswählen

img_forum_link = meineigenesbild.png*40*40

wenn du statt der gif-Grafik mit 27x27px eine png-Grafik mit 40x40px verwenden willst.
Achte dabei unbedingt auf die richtige Schreibweise des Dateinamens.
Zum Schluss noch im ACP die Grafiksammlung aktualisieren.
Wenn deine Grafiken andere Maße als die Standard-Icons haben, können evtl. noch css-Anpassungen notwendig sein.

Oder habe ich dich vollkommen falsch verstanden und du willst ganz was anderes...

baba_n · Beitrag von **baba_n** » 17.04.2009 16:13

danke für deine Antwort.
Ich wusste nicht dass man in ACP ein Bild zuordnen kann.

Nichts desto trotz klappt es irgendwie nicht. phpbb3 ist schon anders aufgebaut als phpbb2.
Ein Bild kann besser erklären was ich machen möchte:

Große Bilder bitte nur verlinken - KB:16 - JFooty
http://img228.imageshack.us/img228/2061/snappforum.gif

Das kleine Logo sollte vorm Forumtitel.
In ACP habe ich wie hier im Bild zu sehen ist, das Logo zugewiesen aber wird nur hier in ACP angezeigt, nicht aber in Forum

Große Bilder bitte nur verlinken - KB:16 - JFooty
http://img228.imageshack.us/img228/848/snappacp.gif

Wo sollte das BIld abgezeigt werden eigentlich?

Beitrag von **JFooty** » 17.04.2009 16:47

Ich nehme mal an, dass es sich um Kategorien handelt.
Bei Kategorien wird das Forumbild normalerweise nicht in der Forenübersicht angezeigt.
Mit einer kleinen Änderung ist das aber möglich. Für prosilver müsstest du das so ändern:
Finde in der forumlist_body.html:

Code: Alles auswählen

<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>

Ersetze mit:

Code: Alles auswählen

<dt><!-- IF forumrow.S_IS_CAT --><!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>

Ist allerdings ungetestet, sollte aber so funktionieren.

baba_n · Beitrag von **baba_n** » 17.04.2009 17:40

Vielen Dank, hat geklappt.
Eine Sache stört mich noch und zwar dass der Text in vertikaler Richtung nicht mittig zu Logo ist. Ich habe versucht über ..css was zu machen aber kriege ich nicht hin.

ps. sorry wegen große Bilder posten, habe nicht daran gedacht....

Beitrag von **JFooty** » 18.04.2009 09:22

baba_n hat geschrieben:Ich habe versucht über ..css was zu machen aber kriege ich nicht hin.

Poste doch mal den css-Code, den du geändert hast.

baba_n · Beitrag von **baba_n** » 18.04.2009 11:58

Hallo,
hier ein aktueller Ausschnitt von den Forumübersicht:
[img=http://img12.imageshack.us/img12/2061/snappforum.gif]

Ich habe versucht in colours.css und content.css irgendwie den Text zu zentrieren. Ich weiß nicht genau wo.
Ich poste deshalb den ganzen Code. Falls dies hier im Forum nicht zulässig ist, dann bitte löschen

Code: Alles auswählen

/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #336699;
	background-color: #000066;
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: #FFFFFF;
}
_
h3 {
	border-bottom-color: #CCCCCC;
	color: #6699FF;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #666666;
}

hr.dashed {
	border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
	color: #b2b2b2;
}

#search-box #keywords {
	background-color: #b2b2b2;
	color: #FFFFFF;
}

#search-box input {
	border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
	background-repeat: repeat;
}

.navbar {
	background-color: #003366; /*Hintergrund zwischen Header und Forum*/
}

.forabg {
	background-color: #003366; /*hintergrund foren übersicht*/;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");

}

.portalblock {
	background-color: #003366; /*hintergrund foren übersicht*/;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");

}

.forumbg {
	background-color: #003366;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
/*zusatz backcolor subforen*/
}

.panel {
	background-color: #000066;
	color: #b2b2b2;
}

.post:target .content {
	color: #FFFFFF;
}

.post:target h3 a {
	color: #FFFFFF;
}
/*hover + alternate bg foren*/
.bg1	{
	/*background-color: #000066;*/
	background: url("{T_THEME_PATH}/images/bg_h_hell.gif");
}
.bg2	{
	/*background-color: #000066;*/
	background: url("{T_THEME_PATH}/images/bg_dark.gif");
}
.bg3	{ 
	/*background-color: #000066;*/
	background: url("{T_THEME_PATH}/images/bg_hell.gif");
}

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.png");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #336699;
	color: #688ca8;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #000066;
	color: #cccccc;
}

table.table1 td {
	color: #6699ff;
}

table.table1 tbody td {
	border-top-color: #336699;
}

table.table1 tbody th {
	border-bottom-color: #336699;
	color: #6699ff;
	background-color: #000066;
}

table.info tbody th {
	color: #ffffff;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {/*pers bereich labels wie registriert letzte anmeldung etc*/
		color: #688ca8;
}

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #FFFFFF;
	background-color: #000066;
	border-color: #336699;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

.pagination span a:hover {
	border-color: #368AD2;
	background-color: #368AD2;
	color: #FFF;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #368AD2;
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #999999;
}

.error {
	color: #FF0000;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #ECD5D8;
	color: #BC2A4D;
}

p.rules {
	background-color: #ECD5D8;
	background-image: none;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link	{ color: #6699ff; }
a:visited	{ color: #6699ff; }
a:hover	{ color: #cccccc; }
a:active	{ color: #368AD2; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #FFFFFF;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #FFFFFF;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #6699ff;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #cccccc;
}

/* Links for forum/topic lists */
a.forumtitle {
	color: #ffffff;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
	color: #6699ff;
}

a.forumtitle:active {
	color: #ffffff;
}

a.topictitle {
	color: #ffffff;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
	color: #6699ff;
}

a.topictitle:active {
	color: #ffffff;
}

/* Post body links */
.postlink {
	color: #ffffff;
	border-bottom-color: #368AD2;
}

.postlink:visited {
	color: #ffffff;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #ffffff;
}

.postlink:hover {
	background-color: #000066;
	color: #6699ff;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	color: #ffffff;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	color: #6699ff;
}

/* Profile searchresults */	
.search .postprofile a {
	color: #688ca8;
}

.search .postprofile a:hover {
	color: #cccccc;
}

/* Back to top of page */
a.top {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links  */
a.up		{ background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down		{ background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left		{ background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right		{ background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #368AD2;
}

a.right:hover {
	color: #368AD2;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums { /*hintergrund forum*/
	background-color: #000066;
	/*background-image: url("{T_THEME_PATH}/images/gradient.gif");*/
}

ul.topiclist li { /*text themenbeschreibung*/
	color: #cccccc;
}

ul.topiclist dd { /*vertikale trennlinien themen foren übersicht*/
	border-left-color: #336699;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: #fff;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
	/*bg forenübersicht cellen*/
	/*background: #000066;*/
	border-left-color: #003366;
	border-right-color: #003366;
	border-top-color: #003366;
	border-bottom-color: #003366;
	background-image: url("{T_THEME_PATH}/images/bg_hell.gif");
}

li.row strong {
	/* text moderator cellen foeren übersicht*/
	color: #007700;
}

li.row:hover {
	background-color: #000077; /*Hover Forumreihen*/
	background-image: url("{T_THEME_PATH}/images/bg_h_hell.gif");
}

li.row:hover dd { /* hover vertikale trennlinie in forenreihe*/
	border-color: #688CA8;
}

.rtl li.row:hover dd {
	border-right-color: #777777;
	border-left-color: #777777;
}

li.header dt, li.header dd { /*titel reihen themen, beiträge, letzt.b*/
	color: #cccccc;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #cccccc;
}

/* Post body styles
----------------------------------------*/
.postbody {
	color: #FFFFFF;
}

/* Content container styles
----------------------------------------*/
.content { /*posting text*/
	padding: 0 0 10px 10px;
	color: #b2b2b2;
	padding-right: 20px;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}

dl.faq dt {
	color: #cccccc;
}

.posthilit {
	/*hervorhebung suchwörter*/
	background-color: #91BBEE;
	color: #FF0000;
}

/* Post signature */
.signature {
	border-top-color: #336699;
	border-top-style: dashed;
}

/* Post noticies */
.notice {
	border-top-color:  #336699;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #052645;
	background-image: url("{T_THEME_PATH}/images/quote.gif");
	border-color: #C0C0C0;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #053561;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #052D50;
}

/* Code block */
dl.codebox {
	background-color: #1E1E1E;
	border-color: #808080;
	margin-left: 10px;
	margin-right: 10px;
}

dl.codebox dt { /* horiz trennlinie*/
	border-bottom-color: #808080;
}

dl.codebox code {
	color: #999999;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color:  #C9D2D8;
}

.pm-message .attachbox {
	background-color: #F2F3F3;
}

.attachbox dd {
	border-top-color: #C9D2D8;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #368AD2;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: #666666;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #6699ff;
	border-bottom-color: #0D4473;
	border-right-color: #0D4473;
}

.rtl .pollbar1 {
	border-left-color: #cccccc;
}

.pollbar2 {
	background-color: #336699;
	border-bottom-color: #0D4473;
	border-right-color: #0D4473;
}

.rtl .pollbar2 {
	border-left-color: #cccccc;
}

.pollbar3 {
	background-color: #275078;
	border-bottom-color: #04294A;
	border-right-color: #04294A;
}

.rtl .pollbar3 {
	border-left-color: #cccccc;
}

.pollbar4 {
	background-color: #23486D;
	border-bottom-color: #04294A;
	border-right-color: #04294A;
}

.rtl .pollbar4 {
	border-left-color: #cccccc;
}

.pollbar5 {
	background-color: #23486D;
	border-bottom-color: #000000;
	border-right-color: #000000;
}

.rtl .pollbar5 {
	border-left-color: #cccccc;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #808080;
	border-left-color: #336699;
}

.rtl .postprofile {
	border-right-color: #FFFFFF;
	border-left-color: transparent;
}

.pm .postprofile {
	border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
	border-right-color: #DDDDDD;
	border-left-color: transparent;
}

.postprofile strong {
	color: #6699ff;
}

.online {
    background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
    margin-top: -5px;
}

.online dt {
    margin-top: 5px;
}
/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.reply-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.post-icon span		{ background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span	{ background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span 	{ background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span	{ background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

a.print {
	background-image: url("{T_THEME_PATH}/images/icon_print.gif");
}

a.sendemail {
	background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
}

a.fontsize {
	background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }

.icon-geomap					{ background-image: url("{T_THEME_PATH}/images/icon_geomap.gif"); }

.icon-members					{ background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
.icon-home						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-ucp						{ background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
.icon-register					{ background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
.icon-logout					{ background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
.icon-bump						{ background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
.icon-unsubscribe				{ background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
.icon-pages						{ background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
.icon-search					{ background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }

/* Profile & navigation icons */
.email-icon, .email-icon a		{ background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
.aim-icon, .aim-icon a			{ background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
.yahoo-icon, .yahoo-icon a		{ background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
.web-icon, .web-icon a			{ background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
.msnm-icon, .msnm-icon a			{ background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
.icq-icon, .icq-icon a			{ background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
.jabber-icon, .jabber-icon a		{ background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
.pm-icon, .pm-icon a				{ background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
.quote-icon, .quote-icon a		{ background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }

/* Moderator icons */
.report-icon, .report-icon a		{ background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a			{ background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a		{ background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a			{ background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a			{ background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #A4B3BF;
}

#cp-main .panel li.row {
	border-bottom-color: #B5C1CB;
	border-top-color: #F9F9F9;
}

ul.cplist {
	border-top-color: #B5C1CB;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #ffffff;
}

#cp-main table.table1 thead th {
	color: #cccccc;
	border-bottom-color: #336699;
}

#cp-main .pm-message {
	border-color: #DBDEE2;
	background-color: #000066;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#tabs a span { /*inaktive Tab-Buttons*/
	background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
	color: #6699ff;
}

#tabs a:hover span {
	color: #BC2A4D;
}

#tabs .activetab a {
	border-bottom-color: #CADCEB;
}

#tabs .activetab a span { /*aktive tab-buttons*/
	color: #cccccc;
}

#tabs .activetab a:hover span {
	color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
	background-color: #000066;
}

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #99ccff;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	color: #333;
	background-color: #B2C2CF;
	background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
}

#navigation a:hover {
	background-color: #aabac6;
	color: #BC2A4D;
}

#navigation #active-subsection a {
	color: #D31141;
	background-color: #F9F9F9;
	background-image: none;
}

#navigation #active-subsection a:hover {
	color: #D31141;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 { /*Farbe Überschrift moderation- persönlichen Bereich*/
	color: #ffffff;
}

#cp-main .panel {
	border-color: #336699;
	background-color: #000066;
}

#cp-main .pm {
	background-color: #003366;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right.gif");
}

/* Friends list */
.cp-mini {
	background-color: #eef5f9;
}

dl.mini dt {
	color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #666666;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #BC2A4D;
	border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #5D8FBD;
}

pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}

/* Avatar gallery */
#gallery label {
	background-color: #FFFFFF;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: #EEE;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #666666;
	background-color: #FAFAFA;
}

label { /*beschreibungslabels profil*/
	color: #ccc;
}

option.disabled-option {
	color: 99ccff;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: #ccc;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #6699ff;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
	color: #99ccff;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #003366; 
	border-color: #B4BAC0;
	color: #99ccff;
}

.inputbox:hover {
	border-color: #11A3EA;
}

.inputbox:focus {
	border-color: #11A3EA;
	color: #b2b2b2;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("{T_THEME_PATH}/images/bg_button.gif");
}

a.button1, input.button1 {
	border-color: #666666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #000000;
}

/* Hover states */ /*buttons quote code list url etc*/
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #FFCC00;
	color: #FFFFFF;
}

input.search {
	background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}

input.disabled {
	color: #b2b2b2;
}

Code: Alles auswählen

/* proSilver Content Styles
---------------------------------------- */

ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.forums {
	background: #f9f9f9 none repeat-x 0 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	display: none;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row {
	border-left: 1px #336699 solid;
	border-right: 1px #336699 solid;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

li.row strong {
	font-weight: normal;
	color: #000000;
}

li.row:hover {
	background-color: #f6f6f6;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

li.header dt, li.header dd {
	/*titel foren, themen beiträge*/
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 3px;
	color: #FF00FF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
}

li.header dd {
	margin-left: 1px;
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.lastpost {
	width: 25%;
	font-size: 1.1em;
}

dd.redirect {
	font-size: 1.1em;
	line-height: 2.5em;
}

dd.moderation {
	font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 200%;
	font-size: 1.1em;
}

dd.extra {
	width: 12%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 1.2em;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.searchby {
	width: 47%;
	font-size: 1.1em;
	line-height: 1em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 1.1em;
	color: #99ccff;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
	margin-bottom: 3px;
	font-size: 1.1em;
	height: 28px;
	min-height: 28px;
}
div[class].topic-actions {
	height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
	/*beitrag celle*/
	border: 1px #336699 solid;
	padding: 0;
	line-height: 1.48em;
	color: #99ccff;
	width: 76%;
	float: right;
	clear: both;
	margin-bottom: 5px;
}

.postbody .ignore {
	font-size: 1.1em;
}

.postbody h3.first {
	/* The first post on the page uses this (title first post)*/
	font-size: 1.1em;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here (alle andere Title post) */
	font-size: 1.1em;
	padding: 3px 3px 3px 3px;
	margin: 0 0 0.8em 0 !important;
	text-transform: none;
	border: 1px #336699 solid;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;

}

.postbody .content {
	font-size: 1.3em;
}

.search .postbody {
	width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
	margin-top: 2em;
}

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .post {
	height: auto;
}

#topicreview h2 {
	border-bottom-width: 0;
}

/* Content container styles
----------------------------------------*/
.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #99ccff;
}

.content h2, .panel h2 {
	font-weight: normal;
	color: #989898;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.panel h3 {
	margin: 0.5em 0;
}

.panel p {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.content p {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

dl.faq {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

dl.faq dt {
	font-weight: bold;
	color: #99ccff;
}

.content dl.faq {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.content li {
	list-style-type: inherit;
}

.content ul, .content ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

.posthilit {
	background-color: #f3f3f3;
	color: #BCBCBC;
	padding: 0 2px 1px 2px;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
	border-left-color: #BCBCBC;
	border-right-color: #BCBCBC;
}

/* Post author */
p.author {
	margin: 0 15em 0.6em 0;
	padding: 0 0 5px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}

/* Post signature */
.signature {
	padding-top: 0.2em;
	padding: 0 0 10px 20px;
	margin-top: 1.5em;
	font-size: 1.1em;
	border-top: 1px;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 80%;
}

dd .signature {
	margin: 0;
	padding: 0px;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Post noticies */
.notice {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: auto;
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1em;
	border-top: 1px dashed #CCCCCC;
	clear: left;
	line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: #ebebeb none 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	font-size: 0.95em;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #bababa;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #e4e4e4;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	display: block;
	font-size: 0.9em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #8b8b8b;
	margin: 2px 0;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px dashed #d8d8d8;
	clear: left;
}

.pm-message .attachbox {
	background-color: #f3f3f3;
}

.attachbox dt {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
	border: 1px solid #999999;
/*	cursor: move; */
	cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl.file dd {
	color: #666666;
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFF;
}

dl.thumbnail dd {
	color: #666666;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #e2e2e2;
	padding: 5px 0 0 0;
	line-height: 120%;
	color: #666666;
}

fieldset.polls dl.voted {
	font-weight: bold;
	color: #000000;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 2px;
	overflow: visible;
	min-width: 2%;
}

.pollbar1 {
	background-color: #aaaaaa;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
}

.pollbar2 {
	background-color: #bebebe;
	border-bottom: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}

.pollbar3 {
	background-color: #D1D1D1;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

.pollbar4 {
	background-color: #e4e4e4;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

.pollbar5 {
	background-color: #f8f8f8;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 20%;
	float: left;
	display: inline;
}
.pm .postprofile {
	border-right: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
}

.postprofile strong {
	font-weight: normal;
	color: #000000;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}

/* Footer blocks for links
-------------------------------------------------*/

#links ul {
      list-style-type: none;
      width: 300px;
	padding-bottom: 20px;
	display: block;
	float: left;
} 

#links li {
	margin: 5px 0;
	background-image: url("{T_THEME_PATH}/images/bg_hell.gif");
}

#links li a {
	color: #688CA8; /*Titel Link*/;
	display: block;
	font: bold 120% Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 300px;
}

#links li a:hover {
	background: #000066; /* Reihe Link*/
	background-image: url("{T_THEME_PATH}/images/bg_h_hell.gif");
	color: #016AB5; /*Titel Link*/
}

#links a em { 
      color: #D2D2D2; /* Beschreibung Links*/
      display: block;
      font: normal 85% Verdana, Helvetica, sans-serif;
      line-height: 125%; 
}

#links a span {
      color: #016AB5; /* Post Datum*/
      font: normal 70% Verdana, Helvetica, sans-serif;
      line-height: 150%;
}

/* Footer tag clounds
-------------------------------------------------*/

#htmltagcloud {
	line-height: 2.4em;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: justify;
	text-indent: 0;
	background-color: transparent;
	margin: 1em 1em 1em 1em;
	border: 1px dotted #336699;
	padding: 2em;
	display: block;
	float: right;
	width: 45%;
	background-image: url("{T_THEME_PATH}/images/bg_hell.gif");
}

#htmltagcloud a:link{
	text-decoration:none;
}

#htmltagcloud a:visited{
	text-decoration:none;
}

#htmltagcloud a:hover{
	text-decoration: none;
	color: white;
	background-color: #6A7476;
}

#htmltagcloud a:active{
	text-decoration:none;
	color:white;
	background-color:#03d;
}

span.tagcloud0{
	font-size:1.0em;
	padding:0em;
	color:#ccc;
	z-index:10;
	position:relative;
}

span.tagcloud0 a{
	text-decoration:none; 
	color:#ccc;
}
span.tagcloud1{
	font-size:1.4em;
	padding:0em;
	color:#D2D2D2;
	z-index:9;
	position:relative;
}

span.tagcloud1 a{
	text-decoration:none;
	color:#D2D2D2;
}

span.tagcloud2{
	font-size: 1.8em;
	padding: 0em;
	color: #FF9900;
	z-index: 8;
	position: relative;
}

span.tagcloud2 a{
	text-decoration:none;
	color:#6B7478;
}

span.tagcloud3{
	font-size:2.2em;
	padding:0em;
	color:#0096FF;
	z-index:7;
	position:relative;
}

span.tagcloud3 a{
	text-decoration:none;
	color:#0096FF;
}

span.tagcloud4{
	font-size:2.6em;
	padding:0em;
	color:#7D898F;
	z-index:6;
	position:relative;
}

span.tagcloud4 a{
	text-decoration:none;
	color:#7D898F;
}

span.tagcloud5{
	font-size:3.0em;
	padding:0em;
	color:#7D898F;
	z-index:5;
	position:relative;
}

span.tagcloud5 a{
	text-decoration:none;
	color:#7D898F;
}

span.tagcloud6{
	font-size:3.3em;
	padding:0em;
	color:#444444;
	z-index:4;
	position:relative;
}

span.tagcloud6 a{
	text-decoration:none;
	color:#444444;
}

span.tagcloud7{
	font-size:3.6em;
	padding:0em;
	color:#6F7477;
	z-index:3;
	position:relative
}

span.tagcloud7 a{
	text-decoration:none;
	color:#6F7477;
}

span.tagcloud8{
	font-size:3.9em;
	padding:0em;
	color:#0096FF;
	z-index:2;
	position:relative;
}

span.tagcloud8 a{
	text-decoration:none;
	color:#0096FF;
}

span.tagcloud9{
	font-size:4.2em;
	padding:0em;
	color:#0096FF;
	z-index:1;
	position:relative;
}

span.tagcloud9 a{
	text-decoration:none;
	color:#0096FF;
}

span.tagcloud10{
	font-size:4.5em;
	padding:0em;
	color:#fff;
	z-index:0;
	position:relative;
}

span.tagcloud10 a{
	text-decoration:none;
	color:#fff;
}

span.freq{
	font-size:10pt !important;
	color:#bbb;
}

Beitrag von **JFooty** » 18.04.2009 13:03

baba_n hat geschrieben:Ich habe versucht in colours.css und content.css irgendwie den Text zu zentrieren. Ich weiß nicht genau wo.

Also wenn du das nicht weißt, wer dann?

Finde in der content.css:

Code: Alles auswählen

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
}

Ersetze mit:

Code: Alles auswählen

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
	line-height:40px
}

Den Wert 40px musst du natürlich entsprechend der Größe deiner Grafik anpassen.

baba_n · Beitrag von **baba_n** » 18.04.2009 13:52

Ich habe mich falsch ausgedrückt. Ich wusste dass im Bereich li.header was zu ändern ist aber ich versuchte mit allign-vertikal ... ich wäre nie auf die Idee gekommen line-height zu definieren. Welche Linie wird hier definiert?
Ich bin seit tage zu gange irgendwie phpbb3 durch zu blicken. Ich habe schon meine Lücken aber bis auf ein paar kleinigkeiten bin ich trotz magere php Kenntnisse, stolz auf mein Style.
Ich habe dein Vorschlag eingetragen und dazu noch folgende Änderung in Bereich li.header dt, li.header dd gemacht:
statt

Code: Alles auswählen

line-height: 1em;

habe ich

Code: Alles auswählen

line-height: 40px;

eingetragen, damit auch die Spaltenbezeichnung auf die gleiche Höhe ist. Jetzt sieht der css-Abschnitt so aus:

Code: Alles auswählen

li.header dt, li.header dd {
	/*titel foren, themen beiträge*/
	line-height: 40px;
	border-left-width: 0;
	margin: 2px 0 4px 3px;
	color: #FF00FF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
}

li.header dd {
	margin-left: 1px;
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
	line-height:40px
}

Ich bedanke mich herzlich bei dir. Es ist fast so wie ich es haben wollte. Bleibt nur noch die Gesamtbreite des headers zu reduzieren offen. Dadurch dass jetzt der Text 40px tiefer ist, ist dem entsprechend die Gesamtbreite größer und sieht nicht ganz schön aus.
[img=http://img11.imageshack.us/img11/2061/snappforum.gif]

Irgend eine Idee wie ich es verkleinern könnte?

baba_n · Beitrag von **baba_n** » 21.04.2009 12:13

Könnte mir bitte jemand helfen die Höhe der header zu reduzieren? Ist der einzige noch offener Punkt, dann habe ich mein Style fertig.
danke

phpBB.de

Einbinden zusätzliche Icons ??

Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??

Re: Einbinden zusätzliche Icons ??