phpBB.de

Verfasst: **03.05.2007 17:09**

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?

Verfasst: **03.05.2007 17:13**

DU musst den weißen Hintergrund einfahc transparent machen

Verfasst: **03.05.2007 17:36**

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.

Verfasst: **03.05.2007 17:42**

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

Verfasst: **03.05.2007 17:52**

Jo entweder neue Grafiken benutzen oder den Hintergrund des Forums hell machen

Verfasst: **03.05.2007 17:54**

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....

Verfasst: **03.05.2007 17:55**

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....

Verfasst: **03.05.2007 19:35**

Wohernehmen ich habe noch keins mit grauem Hintergrundgefunden.

Verfasst: **03.05.2007 19:40**

Schau mal auf phpbbhacks.com da gibt es auch viele

phpBB.de

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

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