close× Call Us +49 (1805) 01 29 59

Datalus
Thread Author: D@yDre@mer1310
Thread ID: 1629
Thread Info
Es gibt 7 Beiträge zu diesem Thema, und es wurde 2548 mal angesehen.
Wer ist hier? 1 Gäste
 Thema drucken
Shoutbox Hintergrund
D@yDre@mer1310
Hallo ich habe auch so eine shoutbox wie ihr auf dieser Seite , allerdings ist bei mir wenn ich auf einen Nick mit der Maus gehe der Hintergrund durchsichtig .
Könntet ihr mir veraten wie ich es schaffe den HG einfarbig zu bekommen. Ich weiß leider nicht wo ich den Background befehl eingeben muss.
Wäre euch echt sehr dankbar , da ich schon in mehreren Foren gefragt habe und keiner wußte rat.Anbei ist mal die style.css von meinem theme





#cts{padding:4px;}
#pagebkg{width:1004px;margin:0 auto;background:url(images/logo.jpg) no-repeat top center;}
#logo{height:260px;background:url(images/spacer.gif) no-repeat top;}
.banner{margin:15px auto;}
.bullet{border:0;}
.center{margin:0 auto;}
#mainpage{margin:0 auto;background:url(images/Vbkg.jpg) repeat-y top center;}
#navi {height:40px;margin:0;padding:0 10px}
#navi ul {margin:0;padding:0 0 0 0;}
#navi li {overflow:hidden;background:#013;float:left;line-height:32px;white-space:nowrap;padding:0 1px;}
#navi li a {display:block;width:100px;height:40px;font-size:9px;font-family:Arial;font-weight:bold;color:#FFF;text-decoration:none;background:url(images/button.gif) no-repeat;background-position:0 0;text-align:center;}
#navi li a:hover {width:100px;height:40px;line-height:26px;background-position:-100px 0;color:#fff;}
.floatR{float:right;line-height:40px;color:#fb3}
#footer {width:1004px;color:#fff;padding:10px;clear:both;margin:15px auto;text-align:center;}
#footer a{color:#fb3;}
#footer a:hover{ color:#fff;text-decoration:underline;}
#subfooter {color:#fff;text-align:center;margin:1.5em auto;padding:1em;font-size:0.8em;}
#rendition{background:url(images/rendition.png) no-repeat center;height:100px;}
/*new above*/
a {color:#fff;text-decoration:none;}
a:hover {color:#fb3;}
a.side {color:#fff;text-decoration:none;}
a:hover.side {color:#fb3;text-decoration:underline;}
a.white, li.white a {color:#FFF;text-decoration:none;}
a:hover.white, li.white a:hover {color:#FFF;text-decoration:underline;}
body {background:#000;margin:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;}
hr {height:1px;border:1px solid #b70;}
hr.side-hr {height:1px;border:1px solid #b70;}
td {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
pre {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.alt {color:#fff;}
.spacer {margin-bottom:20px;}
.admin-message {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:center;color:#fff;border:1px solid #b70;padding:3px 4px 5px 4px;margin-bottom:5px;}
form {margin:0px;}
.bbcode {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#fff;border:1px solid #b70;margin-top:2px;background:#013}
.textbox{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#fff;border:1px solid;border-color:#000 #b70 #b70 #000;background:#013}
.button, .quote {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#fff;border:1px solid;border-color:#b70 #000 #000 #b70;background:#013}
.main-body {padding:0 2px;font-size:11px;color:#fff;}
.side-left .side-border-right {display:none;}
.side-right .side-border-left {display:none;}
.side-border-left {color:#fff;width:175px;}
.side-border-right {color:#fff;width:175px;}
.tt {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#fb3;text-align:center;text-decoration:underline}
.ttl {width:10px;height:40px;background-image:url(images/ttl.gif);}
.ttr {width:10px;height:40px;background-image:url(images/ttr.gif);}
.tsl {width:3px;height:100%;background:url(images/tl.gif) repeat-y top;}
.tsr {width:3px;height:100%;background:url(images/tr.gif) repeat-y top;}
.tb {height:40px;}
.tbr {width:10px;height:40px;background-image:url(images/tbr.gif);}
.t-bl {width:10px;height:40px;background-image:url(images/tbl.gif);}
.tbody {font-size:10px;color:#fff;}
.news-category {border:0;margin:3px 5px 0 0;float:left;}
.news-footer {font-size:10px;color:#fff;border:1px solid;border-color:#000 #b70 #b70 #000;padding:3px 4px 4px 4px;}
.tbl-border {border:1px solid #b70;padding:2px}
.tbl {font-size:11px;color:#fff;border:1px solid;border-color:#b70 #000 #000 #b70;padding:4px;}
.tbl1 {font-size:11px;color:#fff;border:1px solid;border-color:#b70 #000 #000 #b70;padding:4px;}
.tbl2 {font-size:11px;color:#fff;border:1px solid;border-color:#b70 #000 #000 #b70;padding:4px;}
.forum-caption {font-size:11px;font-weight:bold;text-decoration:underline;color:#FFF;padding:2px 4px 4px 4px;}
.poll {height:12px;border:1px solid #b70;}
.comment-name {font-weight:bold;color:#fff;}
.shoutboxname {font-weight:bold;color:#fff;}
.shoutbox {color:#FFF;}
.shoutboxdate {font-size:10px;color:#fff;}
.small {font-size:10px;font-weight:normal;}
.small2 {font-size:10px;font-weight:normal;color:#fff;}
.side-small {font-size:10px;font-weight:normal;color:#fff;}
.side-label {color:#fff;text-decoration:underline;margin:2px 0 2px 0;padding:2px 2px 3px 2px;}
#navigation h2 {font-size:10px;font-weight:normal;margin:0;padding:4px;}
#navigation ul {margin:0;padding:0;list-style-type:none;}
* html #navigation ul li{height:1%;}
#navigation a {display:block;color:#fff;padding:2px;text-decoration:none;}
#navigation a:hover {color:#fb3;background:#013;border:1px solid #fb3}
.pagenav {padding:4px;}
.pagenav span {color:#fff;background:#013;border:1px solid #fb3;padding:2px 4px 2px 4px;margin:2px;}
.pagenav a {color:#fff;border:1px solid #fb3;padding:2px 4px 2px 4px;margin:2px;text-decoration:none;}
.pagenav a:hover {color:#fff;background:#013;margin:2px;text-decoration:none;}

Bearbeitet von D@yDre@mer1310 am 15.09.2009 00000009 11:52
 
SC-Ad-Bot
 
Janilein
Schon mal nach Shoutbox gesucht? wohl eher nicht.

Zitat

.shoutboxname {font-weight:bold;color:#fff;}
.shoutbox {color:#FFF;}
.shoutboXDate {font-size:10px;color:#fff;}

Weitere Hilfe zu CSS gibt es hier: http://www.css4you.de/backgroundprope...perty.html
traumkamera.de/logo/traumlogo.jpg
themes.lewitzgalerie.de/logo/logo072010-2.png
www.php-fusion.at/content/sitelogo_1.jpg
 
D@yDre@mer1310
Also ich habe alle drei geändert in FFCC33 aber das problem mit der durchsichtigkeit bleibt nachwie vor , muss da dann noch ein Background befehl zusätzlich rein ?wenn ja wie muss den der aussehen ?
 
ObiWan
Naja sowas wie ...



background-color:#FFCC33;

PHP-Fusion World - Hier gibts massig Spiele und Stuff für deine Community
Bei WBB World: PHPFWBB 1.x.x Schnittstelle (eine Registrierung, problemloses einloggen auf beiden Systemen)
... und vieles mehr.
 
D@yDre@mer1310
Alo hab den backround eingefügt das geht auch bei den normalen eintarägen ,aber in den popups wo man sieht sind immer noch durchsichtig ich verzweifle bald hilflos
 
D@yDre@mer1310
Ich habs gefunden wer suchet der findet
also wo muss ich das jetzt ändern


/* --- BoxOver ---
/* --- v 2.1 17th June 2006
By Oliver Bryant with help of Matthew Tagg
http://boxover.swazz.org */

if (typeof document.attachEvent!='undefined') {
   window.attachEvent('onload',init);
   document.attachEvent('onmousemove',moveMouse);
   document.attachEvent('onclick',checkMove); }
else {
   window.addEventListener('load',init,false);
   document.addEventListener('mousemove',moveMouse,false);
   document.addEventListener('click',checkMove,false);
}

var oDv=document.createElement("div");
var dvHdr=document.createElement("div");
var dvBdy=document.createElement("div");
var windowlock,boxMove,fixposx,fixposy,lockX,lockY,fixx,fixy,ox,oy,boxLeft,boxRight,boxTop,boxBottom,evt,mou****,mouseY,boxOpen,totalScrollTop,totalScrollLeft;
boxOpen=false;
ox=10;
oy=10;
lockX=0;
lockY=0;

function init() {
   oDv.appendChild(dvHdr);
   oDv.appendChild(dvBdy);
   oDv.style.position="absolute";
   oDv.style.visibility='hidden';
   document.body.appendChild(oDv);   
}

function defHdrStyle() {
   dvHdr.innerHTML='<img  style="vertical-align:middle"  src="info.gif">&nbsp;&nbsp;'+dvHdr.innerHTML;
   dvHdr.style.fontWeight='bold';
   dvHdr.style.width='200px';
   dvHdr.style.fontFamily='tahoma';
   dvHdr.style.border='1px solid #A5CFE9';
   dvHdr.style.padding='5px';
   dvHdr.style.fontSize='12';
   dvHdr.style.color='#4B7A98';
   dvHdr.style.background='#000000';
   dvHdr.style.filter='alpha(opacity=85)'; // IE
   dvHdr.style.opacity='0.85'; // FF
}

function defBdyStyle() {
   dvBdy.style.borderBottom='1px solid #A5CFE9';
   dvBdy.style.borderLeft='1px solid #A5CFE9';
   dvBdy.style.borderRight='1px solid #A5CFE9';
   dvBdy.style.width='200px';
   dvBdy.style.fontFamily='tahoma';
   dvBdy.style.fontSize='12';
   dvBdy.style.padding='5px';
   dvBdy.style.color='#1B4966';
   dvBdy.style.background='#000000';
   dvBdy.style.filter='alpha(opacity=85)'; // IE
   dvBdy.style.opacity='0.85'; // FF
   dvBdy.style.overflow='hidden';
}

function checkElemBO(txt) {
if (!txt || typeof(txt) != 'string') return false;
if ((txt.indexOf('header')>-1)&&(txt.indexOf('body')>-1)&&(txt.indexOf('[')>-1)&&(txt.indexOf('[')>-1))
   return true;
else
   return false;
}


}


Also ich habe jetzt schon alles mögliche geändet aber ich bekomme es nicht hin .
Bearbeitet von D@yDre@mer1310 am 16.09.2009 00000009 13:26
 
D@yDre@mer1310
Also ich habe schon mehrere Themes ausprobiert und auch den code background-color:#FFCC33; eingefügt allerdings geht dann der mouseovereffect nicht mehr .Ich weiß echt nicht mehr wo ich ansetzen soll . Hofe euch fällt noch was ein sonst muss ich mich halt wieder von dieser shoutbox trennen .Es muss aber am theme liegen egal welches andere ich nehme bei allen anderen funktioniert der hintergrund im mouseover.
 
Springe ins Forum:

 Ähnliche Themen 

TEST
Thema Forum Antworten Letzter Beitrag
shoutbox schriftfarbe Allgemeine Support Fragen 4 10.01.2020 00000001 06:11
Shoutbox problem Infusionen 1 22.06.2016 00000006 21:16
Shoutbox v2.2 PHP & MySql 4 12.05.2013 00000005 18:41
shoutbox und pd stats PHP & MySql 4 10.03.2013 00000003 18:18
Smileys werden nicht in der Shoutbox angezeigt Infusionen 14 24.01.2012 00000001 14:15
HarlekinPower