Ränge werden falsch angezeigt/ Hintergrund Farbe der Ränge

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
Fauli
Mitglied
Beiträge: 4
Registriert: 03.05.2007 16:44

Ränge werden falsch angezeigt/ Hintergrund Farbe der Ränge

Beitrag von Fauli »

Guten tag alle zusammen,
ich habe ein Problem phpBB läuft einwandfrei und alles ist gut. Nun habe ich mir bei phphack.com rank bilder runtergeladen und sie eingebaut war auch kein problem. nun werden sie im Admin bereich auch richtig angezeit nur wenn ein user dann einen Post abgibt sieht man neben seinem Post das rangabzeichen verschwommen oder vergrößert so dass man die schrift admin zum beispiel nicht mehr lesen kann wodran liegt das?

MfG Fauli
Beispiel:
[ externes Bild ]

Habe beim Hochladen dieses Bildes den Fehler schon selber gefunden. Es liegt daran das die Rank bilder auf weißem Hintergrund gefixt sind und nicht auf Grau oder einer anderen Farbe.

-----> Daraus schließe ich aber eine neue Frage wo bekomme ich Rankbilder für unterschiedliche Hintergrundfarben her?
Kewwwin

Beitrag von Kewwwin »

DU musst den weißen Hintergrund einfahc transparent machen ;)
Benutzeravatar
Mungo
Administrator
Administrator
Beiträge: 6613
Registriert: 03.05.2003 19:34

Beitrag von Mungo »

Die transparenten Grafiken sind meist für helle oder dunkle Hintergründe ausgelegt. Deine Grafik ist für einen hellen Hintergrund ausgelegt. Daher auch diese "verschwommene" Darstellung. Eine Grafik, die sowohl auf einem hellen als auch auf einem dunkeln Hintergrund gut aussieht, wirst du wohl nicht so schnell finden. Wenn du nur im Administrationsbereich helle Farben für den Hintergrund verwendest und im Forum selbst dunkle Farben, dann würde ich einfach eine Grafik nehmen, die für dunkle Hintergründe ausgelegt ist.
Fauli
Mitglied
Beiträge: 4
Registriert: 03.05.2007 16:44

Beitrag von Fauli »

Und wie mache ich das bitte? Ohne großen Aufwand. Also ich hatte jetzt keine Lust alles in Photoshop zu hauen und auszuschneiden etc...
Oder meinst du den Hintergrund der Forums? Wenn ja könntest du mir ja bestimmt sagen wo ich das kann verstehe nichts von Php Code.
Hier mal die .css datei des Styles:

Code: Alles auswählen

/*
  Artemis Theme for phpBB version 2.0.x
  Created by Vjacheslav Trushkin
  http://www.phpbbstyles.com
*/

/* main tags */
html, body { 
	height: 100%; 
}

body { 
	margin: 0;
	padding: 0;
	background-color: #7C7C7C; 
}

body, font, th, td, p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

img { 
	border: 0;
}

form { 
	display: inline; 
	padding: 0;
	margin: 0;
}

input {
	vertical-align: middle;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

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

/* links */
a { text-decoration: underline; color: #333; }
a:visited { color: #444; }
a:hover, a:active { color: #FFF; }
.forumline a { text-decoration: none; color: #CCC; }
.forumline a:visited { color: #C8C8C8; }
.forumline a:hover, .forumline a:active { color: #FFF; text-decoration: underline; }

#newmsgs { 
	text-align: center; 
	margin: 25px;
}
a.newmsgs {
	margin: 5px 0; 
	padding: 20px 50px; 
	font-size: 12px; 
	font-weight: bold; 
	border: solid 1px #505050; 
	background-color: #7A7A7A; 
	color: #FFF;
}
a.newmsgs:hover {
	color: #FFF;
	border-color: #333;
	background-color: #888;
	text-decoration: underline;
}

/* footer */
#admin-link { 
	text-align: center; 
	font-size: 10px; 
	clear: both;
	margin: 10px;
}
#copyright { 
	font-size: 10px; 
	color: #444; 
	text-align: center; 
	margin: 5px; 
}
#copyright a, #copyright a:visited { 
	color: #444; 
	text-decoration: underline; 
}

/* main tables */
.forumline	{ 
	background-color: #505050; 
	text-align: left; 
}
* html .forumline { 
	width: 98%; /* width fix for IE 5.5 */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 100%; 
}
.forumline th { 
	text-align: center; 
}
.forumline2 {
	border: solid 1px #505050;
	background-color: #7a7a7a;
}

/* rows */
td.row, .row1, .row2, .row3 { 
	background-color: #7A7A7A;
	font-size: 11px;
}

/* th */
th, td.th { 
	color: #545454;
	font-size: 12px; 
	font-weight: bold; 
	height: 25px; 
	border-width: 0px 1px 0px 1px; 
	padding: 0 2px; 
	white-space: nowrap; 
	background: #BBB url(images/bg_th.gif) top left repeat-x; 
}

/* bottom row */
td.catBottom { 
	color: #CCC;
	font-size: 11px; 
	height: 25px;
	padding: 1px;
	background: #5b5b5b url(images/bg_cat.gif) top left repeat-x;
}

.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }

.nav { font-weight: bold; font-size: 11px; }
.nav a, .nav a:visited { text-decoration: underline; }
.nav a:hover, .nav a:active { text-decoration: underline; }

.nav { color: #DDD;}
.nav a, .nav a:visited { color: #CCC; text-decoration: underline; }
.nav a:hover, .nav a:active { color: #FFF; text-decoration: underline; }

table.nav { background: #5b5b5b url(images/bg_cat.gif) top left repeat-x; border: solid 1px #505050; height: 25px; }
.navform { padding: 1px 5px; }
.navform form, .navform input { display: inline; margin: 0; padding: 0;	vertical-align: middle; }

.navform input.mainoption { font-family: Arial, Verdana, Helvetica, sans-serif;; }
@media all and (min-width: 0px)
{
	.navform input.mainoption { font-family: Verdana, Arial, Helvetica, sans-serif; }
}

.forumlink { font-weight: bold; font-size: 12px; }
.forumline a.forumlink, .forumline a.forumlink:visited { text-decoration: none; }
.forumline a.forumlink:hover, .forumline a.forumlink:active { text-decoration: underline; }

.forumlink_new { font-weight: bold; font-size: 12px; }
.forumline a.forumlink_new, .forumline a.forumlink_new:visited { color: #F0F0F0; text-decoration: none; }
.forumline a.forumlink_new:hover, .forumline a.forumlink_new:active { text-decoration: underline; }

.moderators { font-size: 10px; }
.moderators a, .moderators a:visited { color: #444; text-decoration: underline; }
.moderators a:hover, .moderators a:active { text-decoration: underline; color: #000; } 

input { text-indent: 2px; }
input,textarea, select { color: #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
input.post, textarea.post, select { background-color: #666; border: solid 1px #333; }
input.post, select { height: 17px; }

input.button { background-color: #7A7A7A; color: #222; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;  border: solid 1px #666; }

input.mainoption { background-color: #666; font-weight: bold;  border: solid 1px #333; height: 17px; color: #000; }
input.liteoption { background-color: #666; font-weight: normal;  border: solid 1px #333; height: 17px; color: #000; }

input.mainoption:hover, input.liteoption:hover, input.post:hover, textarea:hover { border-color: #222; background-color: #777; }
input.mainoption:focus, input.liteoption:focus, input.post:focus, textarea:focus { border-color: #000; background-color: #AAA; }


select optgroup { background-color: #444; color: #DDD; }
select option, select optgroup option { background-color: #000; color: #EEE; }

.helpline { background-color: #7a7a7a; border: solid 1px #7a7a7a; color: #444; }

.topiclink { font-weight: bold; font-size: 11px; }
.forumline a.topiclink, .forumline a.topiclink:visited { text-decoration: none; }
.forumline a.topiclink:hover, .forumline a.topiclink:active { text-decoration: underline; }

.topiclink_new { font-weight: bold; font-size: 11px; }
.forumline a.topiclink_new  { text-decoration: none; color: #f0f0f0; }
.forumline a.topiclink_new:visited	{ text-decoration: none; color: #e8e8e8; }
.forumline a.topiclink_new:hover, .forumline a.topiclink_new:active { text-decoration: underline; }

/* post data */
.post-left { border-right: solid 1px #505050; background-color: #6D6D6D; text-align: center; width: 150px; padding: 2px; }
.post-top { border-bottom: solid 1px #505050; background: #535353 url(images/bg_post1.gif) top left repeat-x; height: 15px; vertical-align: middle; text-align: left; font-size: 9px; color: #B0B0B0; padding: 0; }
.post-bottom { border-top: solid 1px #505050; background: #595959 url(images/bg_post2.gif) top left repeat-x; text-align: left; font-size: 9px; line-height: 9px; }

.postbody { font-size: 12px; color: #000; wrap-option: emergency; padding: 4px; }
.postbody a, .postbody a:visited { text-decoration: underline; }
.postbody a:hover, .postbody a:active { text-decoration: underline; }
html>body .postbody { display: block; overflow: auto; }

.signature { font-size: 12px; color: #222; }

.postdate { font-size: 10px; color: #b0b0b0; }

.name { font-weight: bold; font-size: 11px; }
.name a, .name a:visited { text-decoration: underline; color: #d4d4d4; }
.name a:hover, .name a:active { text-decoration: underline; color: #fff; }
.postdetails { color: #333; font-size: 9px; }
.postrank { color: #303030; font-size: 9px; }

table.quote { background-color: #494949; margin: 3px 0; }
td.quote_user { background: #989898 url(images/bg_quote.gif) top left repeat-x; font-size: 11px; color: #333; padding: 2px 5px; }
td.quote { background-color: #888; wrap-option: emergency; color: #000; }

table.code { background-color: #494949; margin: 3px 0; }
td.code_header { background: #989898 url(images/bg_quote.gif) top left repeat-x; font-size: 11px; color: #333; padding: 2px 5px; }
td.code { background-color: #888; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000; wrap-option: emergency; }

.pagination { color: #333; font-weight: bold; margin: 0px; margin-top: 5px; margin-bottom: 3px; }
.pagination a, .pagination a:visited { color: #333; border: #555 1px solid; padding: 1px; background-color: #888; }
.pagination a:hover, .pagination a:active { color: #555; border-color: #444; background-color: #AAA; }

.gotopage { margin: 0px; margin-top: 5px; margin-bottom: 1px; }
.gotopage a, .gotopage a:visited { border: #555 1px solid; padding: 1px; background-color: #888; color: #333; }
.gotopage a:hover, .gotopage a:active { border-color: #444; background-color: #AAA; color: #555; }

td.spacerow { background: #BBB url(images/bg_th.gif) top left repeat-x; height: 2px; padding: 0; }

* html .navform {
	padding: 0 3px;
}
* html .navform .post {
	height: 17px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 15px;
}
html>body .navform .post, html>body .navform .mainoption, html>body .navform .liteoption {
	height: 15px;
}
* html .navform .mainoption {
	height: 17px;
}

/* borders */
.border-left { width: 15px; background: url(images/border_left.gif) top right repeat-y; }
.border-right { width: 15px; background: url(images/border_right.gif) top left repeat-y; }
.content { background-color: #979797; }
.border-over { 
	margin: 0 -15px; 
	width: auto; 
	position: relative; 
	z-index: 1;
}
* html .border-over { float: left; } /* workaround for IE negative margin bug */
.logo { background-image: url(images/logo_bg.gif); height: 66px; text-align: center; }

/* buttons */
.buttons-bg1, .buttons-table .buttons-border { height: 28px; }
.buttons-bg1a { background: url(images/buttons_left1.gif) top left no-repeat; padding-left: 15px; height: 28px; }
.buttons-bg1b { background: url(images/buttons_right1.gif) top right no-repeat; padding-right: 15px; text-align: middle; height: 28px; }
.buttons-table { height: 28px; padding: 0; text-align: center; }
.buttons-buttons {
	vertical-align: top;
	padding-top: 5px;
	overflow: hidden;
	color: #DDD;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 23px;
}
html>body .buttons-buttons { height: 23px; }
.buttons-buttons a, .buttons-buttons a:visited { color: #DDD; text-decoration: none; }
.buttons-buttons a:hover, .buttons-buttons a:active { color: #EEE; text-decoration: underline; }

/* header/footer */
.hdr-bg1 { height: 29px; margin: 0; width: auto; }
.hdr-bg1-left { height: 29px; padding-left: 20px; }
.hdr-bg1-left-small { height: 29px; padding-left: 10px; }
.hdr-bg1-right { height: 29px; padding-right: 20px; text-align: center; }
.hdr-bg1-right-small { height: 29px; padding-right: 10px; text-align: center; }
.hdr-table { text-align: center; height: 29px; padding: 0; }
* html .hdr-table img { display: block; }
.hdr-table td.hdr-table-title { 
	text-align: center;
	vertical-align: top;
	color: #DDD;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	padding-top: 9px;
	height: 29px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 20px;
}
html>body .hdr-table .hdr-table-title { 
	height: 20px; 
}

.hdr-table-title a, .hdr-table-title a:visited { color: #DDD; text-decoration: none; border-bottom: solid 1px #BBB; }
.hdr-table-title a:hover, .hdr-table-title a:active { color: #FFF; text-decoration: none; border-bottom-color: #FFF; }

.tbl-left { background: #696969 url(images/tbl_left.gif) top left repeat-y; padding-left: 10px; }
.tbl-right { background: #696969 url(images/tbl_right.gif) top right repeat-y; padding-right: 10px; }

.ftr-bg { margin: 0; height: 12px; }
.ftr-left { height: 12px; }
.ftr-right { height: 12px; }


/* Start Nav Menu Additions */
.row-nav { 
	background: #FFF url(images/bg_th.gif) top left repeat-x;
	color: #333;
	font-weight: bold;
	font-size: 11px;
}

.tbl-left-small { background: #696969 url(images/tbl_left.gif) top left repeat-y; padding-left: 7px; }
.tbl-right-small { background: #696969 url(images/tbl_right.gif) top right repeat-y; padding-right: 7px; }
/* End Nav Menu Additions */
Die stelle die ich meine sieht so aus:
[ externes Bild ]

Und da soll ich den Hintergrund Transparent machen????
MfG Fauli
Kewwwin

Beitrag von Kewwwin »

Jo entweder neue Grafiken benutzen oder den Hintergrund des Forums hell machen
Fauli
Mitglied
Beiträge: 4
Registriert: 03.05.2007 16:44

Beitrag von Fauli »

Kewwwin hat geschrieben:Jo entweder neue Grafiken benutzen oder den Hintergrund des Forums hell machen
hba eich doch schon gesagt das ich es mit Php nicht kann und im admin tool gehts net weil es in der css festgeschrieben ist....
Kewwwin

Beitrag von Kewwwin »

Fauli hat geschrieben:
Kewwwin hat geschrieben:Jo entweder neue Grafiken benutzen oder den Hintergrund des Forums hell machen
hba eich doch schon gesagt das ich es mit Php nicht kann und im admin tool gehts net weil es in der css festgeschrieben ist....
Fauli
Mitglied
Beiträge: 4
Registriert: 03.05.2007 16:44

Beitrag von Fauli »

Wohernehmen ich habe noch keins mit grauem Hintergrundgefunden.
Kewwwin

Beitrag von Kewwwin »

Schau mal auf phpbbhacks.com da gibt es auch viele
Antworten

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