Einige Codes bei meiner Page ändern

V

VirusX

New member
HiHo,

Ich habe jetzt schon viel rumprobiert, aber trotzdem kam nicht das gewünschte Ergebnis.

Auf meiner Page (
Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
) habe ich ein vorgefertigtes Design, aber ich bin gerade dabei, alles selber zu designen (und bin auch noch nicht ganz fertig, wie ihr seht )

Jetzt muss auch einiges an der Schrift geändert werden.

Also ich möchte:

1. Die Schrift in den News soll von weiß auf schwarz umgestellt werden.

2. Die Schriften in den Buttons links sollen noch einpaar Pixel nach rechts verschoben werden.

3. Die Überschriften der Boxen links und rechts (z.B. "Menü" oder "Lastwars" sollen von grau in weiß verändert werden.

4. Über den News befindet sich ein schwarzer Balken, wo links "pWnD" drinne steht, in dem Balken steht auch "News" in schwarz, die Schrift muss auch weiß gemacht werden.

EDIT: Außerdem wäre es nicht schlecht, wenn alle Felder (wie z.B. bei Forum, Wars, Kalender usw...) weiß mit schwarzer Schrift wären.

Und hier mal die CSS-Datei:

Code: 
body { 
    background-image: url(../Bilder/hintergrund.jpg); 
    margin: 0; 
} 
.bodyspacer { 
    background-image: url(../Bilder/bodyspacer.jpg); 
    background-repeat: repeat-y; 
} 
.loginspacer { 
    background-image: url(../Bilder/loginspacer.jpg); 
    background-repeat: repeat-y; 
    height: 100%; 
    width: 252px; 
} 
.warsspacer { 
    background-image: url(../Bilder/warsspacer.jpg); 
    background-repeat: repeat-y; 
    height: 100%; 
    width: 496px; 
} 
.lpostspacer { 
    background-image: url(../Bilder/lpostspacer.jpg); 
    background-repeat: repeat-y; 
    height: 100%; 
    width: 252px; 
} 
.contenttop { 
    background-image: url(../Bilder/contenttop.jpg); 
    background-repeat: no-repeat; 
    height: 32px; 
    width: 496px; 
} 

.contentspacer { 
    background-image: url(../Bilder/contentspacer.jpg); 
    background-repeat: repeat-y; 
    height: 100%; 
    width: 496px; 
} 
.menuspacer_le { 
    background-image: url(../Bilder/menuspacer_le.jpg); 
    background-repeat: repeat-y; 
    height: 100%; 
    width: 252px; 
} 
.menuspacer_re { 
    background-image: url(../Bilder/menuespacer_re.jpg); 
    background-repeat: repeat-y; 
    height: 100%; 
    width: 252px; 
} 
.menutop_le { 
    background-image: url(../Bilder/menu_le.jpg); 
    background-repeat: no-repeat; 
    height: 32px; 
    width: 252px; 
} 
.menutop_re { 
    background-image: url(../Bilder/menun_re.jpg); 
    background-repeat: no-repeat; 
    height: 32px; 
    width: 252px; 
} 
#hmenu { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #FFFFFF; 
    height: auto; 
    width: auto; 
    margin-top: 10px; 
    margin-right: 5px; 
    margin-left: 60px; 
} 




#explode { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
    width: auto; 
    margin-right: 12px; 
    margin-left: 12px; 
} 
#boxes_lpost { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
    height: auto; 
    width: auto; 
    margin-right: 38px; 
    margin-left: 8px; 
} 
#boxes_login { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
    height: 125px; 
    width: auto; 
    margin-right: 8px; 
    margin-left: 32px; 
} 
#boxes_warsabstand { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
    height: auto; 
    width: auto; 
    margin-right: 8px; 
    margin-left: 8px; 
} 
.log1 /*für nickname hg*/ 
{ 
    color: #CCCCCC; 
    width: 198px; 
    height: 19px; 
    border-width: 1px; 
    border-color: #2E2D2D; 
    font-weight: normal; 
    text-decoration: none; 
    text-align: center; 
    vertical-align: 20%; 
    padding-top: 0px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    background-image: url(../Bilder/name.jpg); 
    background-repeat: no-repeat; 
    background-color: #2E2D2D; 
    background-position: left top; 
} 
.log2 /*für pw hg*/ 
{ 
    color: #CCCCCC; 
    background-color: 2E2D2D; 
    width: 198px; 
    height: 19px; 
    font-weight: normal; 
    text-decoration: none; 
    text-align: center; 
    padding-top: 0px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    background-image: url(../Bilder/passw.jpg); 
    background-repeat: no-repeat; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px; 
    border-top-color: #2E2D2D; 
    border-right-color: #2E2D2D; 
    border-bottom-color: #2E2D2D; 
    border-left-color: #2E2D2D; 
    vertical-align: bottom; 
    background-position: center top; 
} 
.logbutton /*für loginbutton*/ 
{ 
    width: 59px; 
    height: 49px; 
    border-width: 0px; 
    font-weight: normal; 
    text-decoration: none; 
    background-image: url(../Bilder/login.jpg); 
    background-repeat: no-repeat; 
    padding-bottom: -2px; 
} 
.menulinksinner { 
    height: auto; 
    width: auto; 
    margin-right: 6px; 
    margin-left: 37px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
} 
.menulinkstitel { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #CCCCCC; 
    height: auto; 
    width: auto; 
    margin-right: 8px; 
    margin-left: 82px; 
    margin-top: 8px; 
} 
.menurechtsinner { 
    height: auto; 
    width: auto; 
    margin-right: 38px; 
    margin-left: 8px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
} 
.menurechtstitel { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #CCCCCC; 
    height: auto; 
    width: auto; 
    margin-right: 36px; 
    margin-left: 52px; 
    margin-top: 8px; 
} 
.menu 
{ 
    display:block; 
    color: #FFFFFF; 
    font-size: 11px; 
    width: 208px; 
    height: 26px; 
    text-indent: 50px; 
    text-decoration: none; 
    font-family:  Verdana, sans-serif; 
    line-height: 19px; 
    background-image: url(../Bilder/mainbutton.jpg); 
    background-repeat: no-repeat; 
} 
.menu:hover 
{ 
    display:block; 
    color: #CCCCCC; 
    font-size: 11px; 
    width: 208px; 
    height: 26px; 
    text-indent: 50px; 
    text-decoration: none; 
    font-family:  Verdana, sans-serif; 
    line-height: 19px; 
    background-image: url(../Bilder/mainbutton-over.jpg); 
    background-repeat: no-repeat; 
} 
#lastpost a:visited { 
    color: #FFFFFF; 
    font-size: 12px; 
    text-decoration: none; 
    font-family: Arial, Helvetica, sans-serif; 
} 
#lastpost a:hover { 
    color: #165C5C; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    text-decoration: none; 
} 
#lastpost a:link { 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    text-decoration: none; 
}  
#lastwarsabstand a:visited { 
    color: #999999; 
    font-size: 10px; 
    text-decoration: none; 
    font-family: Arial, Helvetica, sans-serif; 
} 
#lastwarsabstand a:hover { 
    color: #165C5C; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    text-decoration: none; 
} 
#lastwarsabstand a:link { 
    color: #FFFFFF; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    text-decoration: none; 
} 
a:hover  
{ 
    text-decoration: none; 
    color: #990000; 
} 
a:link { 
    font-family: verdana; 
    font-size: 10px; 
    color: #FFFFFF; 
    text-decoration: none; 
} 
a:visited { 
    font-family: verdana; 
    font-size: 10px; 
    color: #FFFFFF; 
    text-decoration: none; 
} 
a.box  
{  
  color: #FFFFFF;  
    font-family: Verdana;  
    font-size: 10px;  
    text-decoration: none;  
} 
a.box:hover  
{ 
    text-decoration: none; 
    color: #990000; 
} 

.Chead 
{ 
    color: #666666; 
    background-repeat: repeat-x; 
    height: 20px; 
    background-color: #1D1D1D; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
} 
.Chead td, .Chead td strong, .Chead h4, .Chead td b 
{ 
    color: #666666; 
    background-repeat: repeat-x; 
    height: 20px; 
    background-color: #1D1D1D; 
    font-size: 10px; 
} 

.Callg 
{ 
  background-color: #1D1D1D; 
    color: #FFFFFF; 
} 

.Callg td 
{ 
  color: #FFFFFF; 
} 

.Cnorm  
{ 
    background-color: #1D1D1D; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
} 
.Cmite 
{ 
    background-color: #1D1D1D; 
    height: auto; 
    width: auto; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
} 
.Cdark 
{ 
    background-color: #1D1D1D; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
} 

.smalfont  
{  
    font-size: 10px; 
        text-decoration: none;  
} 

.border  
{  
   background-color: #666666;  
} 
hr  
{ 
    height: 0px; 
    border-top-width: 1px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    border-top-style: groove; 
    border-right-style: groove; 
    border-bottom-style: groove; 
    border-left-style: groove; 
    border-top-color: #6D6C6C; 
    border-right-color: #6D6C6C; 
    border-bottom-color: #6D6C6C; 
    border-left-color: #6D6C6C; 
} 

input, textarea, select 
{ 
    color: #FFFFFF; 
    font: 12px Verdana; 
    font-weight: none; 
    text-decoration: none; 
    background-color: #1D1D1D; 
    border: 1px solid #949494; 
}

Und falls die index.htm gebraucht wird:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="include/includes/js/BBCodeGlobal.js"></script> 
<script type="text/javascript" src="include/includes/js/interface.js"></script>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>{TITLE}</title> 
<meta name="title" content="rth_v1"> 
<meta name="date" content="29.05.2007"> 
<meta name="author" content="uD Psaicon, Dennis Gericke"> 
<meta name="publisher" content="uD Psaicon,Dennis Gericke"> 
<meta name="copyright" content="www.psaicon-designs.com"> 
<meta name="keywords" content="xbox 360,xbox360 live. team-360, php, flash,joomla ,games ,fun, online gaming, Teamspeak, Gameserver, Gamerserverhosting"> 
<meta name="description" content="Wir stellen Gameserver, Teamspeakserver, Clanserver und Webpages, ob HTML, PHP, FLash - geniert in der Datenbank usw. individuell für den Kunden her."> 
<meta name="abstract" content="Wir stellen Gameserver, Teamspeakserver, Clanserver und Webpages, ob HTML, PHP, FLash - geniert in der Datenbank usw. individuell für den Kunden her. "> 
<meta name="page-topic" content="Gameservermatrix und Psaicon Designs"> 
<meta name="page-topic" content="private homepage"> 
<meta name="audience" content="alle"> 
<meta name="language" content="deutsch"> 
<link href="css/style.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="include/designs/bibombl_v2_red/css/style.css"> 
<!-- Klappnavi Design stylesheet --> 

<style type="text/css"> 
#dropmenudiv{ 
    position:absolute; 
    line-height:20px; 
    z-index:100; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal; 
    font-size:9px; 
    font-family:Arial, Helvetica, sans-serif; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 0px; 
    border-left-width: 1px; 
    border-top-style: solid; 
    border-right-style: solid; 
    border-bottom-style: none; 
    border-left-style: solid; 
    border-top-color: black; 
    border-right-color: black; 
    border-bottom-color: black; 
    border-left-color: black; 
    color: #FFFFFF; 
} 

#dropmenudiv a{ 
    width: 100%; 
    display: block; 
    text-indent: 2px; 
    text-decoration: none; 
    font-weight: normal; 
    height: 20px; 
    padding-top: 1px; 
    padding-right: 0; 
    padding-bottom: 1px; 
    padding-left: 0; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: black; 
    background-color: #990000; 
} 

#dropmenudiv a:hover{ /*hover background color*/ 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 
    background-color: #230100; 
    color: #666666; 
} 

.Stil1 {    color: #FFFFFF; 
    font-size: 10px; 
} 
</style> 
<script type="text/JavaScript"> 
<!-- 
function MM_swapImgRestore() { //v3.0 
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 
} 
function MM_preloadImages() { //v3.0 
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
} 

function MM_findObj(n, d) { //v4.01 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
  if(!x && d.getElementById) x=d.getElementById(n); return x; 
} 

function MM_swapImage() { //v3.0 
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 
} 
/*********************************************** 
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com) 
* This notice MUST stay intact for legal use 
* Visit http://www.dynamicdrive.com/ for full source code 
***********************************************/ 

//Contents for menu 1, and so on 
var menu1=new Array() 
menu1[0]='<a href="?">• Home</a>' 
menu1[1]='<a href="index.php?forum">• Forum</a>' 
menu1[2]='<a href="index.php?gbook">• Gbook</a>' 
menu1[3]='<a href="index.php?links">• Links</a>' 

//Contents for menu 2, and so on 
var menu2=new Array() 
menu2[0]='<a href="index.php?user">• Members</a>' 
menu2[1]='<a href="index.php?teams">• Team</a>' 
menu2[2]='<a href="index.php?vote">• Umfragen</a>' 
menu2[3]='<a href="index.php?statistik">• Page Statistik</a>' 
menu2[4]='<a href="index.php?links">• Links</a>' 

//Contents for menu 3, and so on in arbeit 
var menu3=new Array() 
menu3[0]='<a href="index.php?downloads">• Downloads</a>' 
menu3[1]='<a href="index.php?impressum">• Impressum</a>' 

//Contents for menu 4, and so on 
var menu4=new Array() 
menu4[0]='<a href="index.php?gbook">• Gbook</a>' 

//Contents for menu 5, and so on 
var menu5=new Array() 
menu5[0]='<a href="index.php?AGB">•AGB´s</a>' 
menu5[1]='<a href="index.php?faq">• FAQ</a>' 
menu5[2]='<a href="index.php?impressum">• Imprint</a>' 
menu5[3]='<a href="index.php?contact">• Kontakt</a>' 

//Contents for menu 6, and so on 
var menu6=new Array() 

         
var menuwidth='120px' //default menu width 
var menubgcolor='white'  //menu bgcolor 
var disappeardelay=300  //menu disappear speed onMouseout (in miliseconds) 
var hidemenu_onclick="yes" //hide menu when user clicks within menu? 

/////No further editting needed 

var ie4=document.all 
var ns6=document.getElementById&&!document.all 

if (ie4||ns6) 
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>') 

function getposOffset(what, offsettype){ 
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; 
var parentEl=what.offsetParent; 
while (parentEl!=null){ 
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; 
parentEl=parentEl.offsetParent; 
} 
return totaloffset; 
} 


function showhide(obj, e, visible, hidden, menuwidth){ 
if (ie4||ns6) 
dropmenuobj.style.left=dropmenuobj.style.top="-500px" 
if (menuwidth!=""){ 
dropmenuobj.widthobj=dropmenuobj.style 
dropmenuobj.widthobj.width=menuwidth 
} 
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover") 
obj.visibility=visible 
else if (e.type=="click") 
obj.visibility=hidden 
} 

function iecompattest(){ 
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 
} 

function clearbrowseredge(obj, whichedge){ 
var edgeoffset=0 
if (whichedge=="rightedge"){ 
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15 
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth 
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) 
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth 
} 
else{ 
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset 
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight 
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up? 
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight 
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? 
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge 
} 
} 
return edgeoffset 
} 

function populatemenu(what){ 
if (ie4||ns6) 
dropmenuobj.innerHTML=what.join("") 
} 


function dropdownmenu(obj, e, menucontents, menuwidth){ 
if (window.event) event.cancelBubble=true 
else if (e.stopPropagation) e.stopPropagation() 
clearhidemenu() 
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv 
populatemenu(menucontents) 

if (ie4||ns6){ 
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth) 

dropmenuobj.x=getposOffset(obj, "left") 
dropmenuobj.y=getposOffset(obj, "top") 
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px" 
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px" 
} 

return clickreturnvalue() 
} 

function clickreturnvalue(){ 
if (ie4||ns6) return false 
else return true 
} 

function contains_ns6(a, b) { 
while (b.parentNode) 
if ((b = b.parentNode) == a) 
return true; 
return false; 
} 

function dynamichide(e){ 
if (ie4&&!dropmenuobj.contains(e.toElement)) 
delayhidemenu() 
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) 
delayhidemenu() 
} 

function hidemenu(e){ 
if (typeof dropmenuobj!="undefined"){ 
if (ie4||ns6) 
dropmenuobj.style.visibility="hidden" 
} 
} 

function delayhidemenu(){ 
if (ie4||ns6) 
delayhide=setTimeout("hidemenu()",disappeardelay) 
} 

function clearhidemenu(){ 
if (typeof delayhide!="undefined") 
clearTimeout(delayhide) 
} 

if (hidemenu_onclick=="yes") 
document.onclick=hidemenu 

function MM_preloadImages() { //v3.0 
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
} 

function MM_swapImgRestore() { //v3.0 
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 
} 

function MM_findObj(n, d) { //v4.01 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
  if(!x && d.getElementById) x=d.getElementById(n); return x; 
} 

function MM_swapImage() { //v3.0 
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 
} 
//--> 
</script> 
</head><body> 
<a name="toplink"></a> 
<div align="center"> 
  <table width="1000" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td align="left" valign="top"><table width="1000" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
        <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
          <tr> 
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
              <tr> 
                <td width="324" align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/headertop_le.jpg" width="324" height="43" border="0" usemap="#Map3" /></td> 
                <td width="117" height="43" align="left" valign="top"><a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/bibombl_v2_red/Bilder/mainbutton_top.jpg" alt="Mainmenu" name="main" width="117" height="43" border="0" id="main" onmouseover="MM_swapImage('main','','include/designs/bibombl_v2_red/Bilder/mainbutton_top.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td> 
                <td width="118" height="43" align="left" valign="top"><a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/bibombl_v2_red/Bilder/clanbuttontop.jpg" alt="Clanmenu" name="clanbutton" width="118" height="43" border="0" id="clanbutton" onmouseover="MM_swapImage('clanbutton','','include/designs/bibombl_v2_red/Bilder/clanbuttontop.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td> 
                <td width="117" height="43" align="left" valign="top"><a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '117px')" onmouseout="delayhidemenu()"><img src="include/designs/bibombl_v2_red/Bilder/miscbutton_top.jpg" alt="Miscmenu" name="miscbutton" width="117" height="43" border="0" id="miscbutton" onmouseover="MM_swapImage('miscbutton','','include/designs/bibombl_v2_red/Bilder/miscbutton_top.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td> 
                <td width="78" height="43" align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/headertop_re.jpg" width="78" height="43" /></td> 
              </tr> 
            </table></td> 
            <td width="246" height="192" rowspan="2" align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/header_re.jpg" ></td> 
          </tr> 
          <tr> 
            <td align="left" valign="top"><table width="859%" border="0" cellspacing="0" cellpadding="0"> 
              <tr> 
                <td width="300" height="149" align="left" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="149" title="Header_re"> 
                  <param name="movie" value="include/designs/bibombl_v2_red/flash/header_le.swf" /> 
                  <param name="quality" value="high" /> 
                  <embed src="include/designs/bibombl_v2_red/flash/header_le.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="149"></embed> 
                </object></td> 
                <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/clanname.jpg" width="454" height="149" /></td> 
              </tr> 
            </table></td> 
            </tr> 
        </table></td> 
      </tr> 
       
    </table></td> 
  </tr> 
  <tr> 
    <td align="left" valign="top" class="bodyspacer"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
        <td width="252" align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> 
          <tr> 
            <td align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> 
                <tr> 
                  <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/logintop.jpg" width="252" height="23" /></td> 
                </tr> 
                <tr> 
                  <td align="left" valign="top" class="loginspacer"><div id="boxes_login">{_boxes_login}</div></td> 
                </tr> 
                <tr> 
                  <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/loginbuttom.jpg" width="252" height="20" /></td> 
                </tr> 
              </table></td> 
            </tr> 
          <tr> 
            <td align="left" valign="top">{_list_menunr1@ </td> 
          </tr> 
          <tr> 
            <td align="left" valign="top" class="menutop_le"><div class="menulinkstitel">%1</div></td> 
          </tr> 
          <tr> 
            <td align="left" valign="top" class="menuspacer_le"><div class="menulinksinner">%2</div></td> 
          </tr> 
          <tr> 
            <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_le.jpg" width="252" height="29" /></td> 
          </tr> 
          <tr> 
            <td align="left" valign="top">}</td> 
          </tr> 
          <tr> 
            <td align="left" valign="top">{_list_menunr2@ </td> 
            </tr> 
          <tr> 
            <td align="left" valign="top" class="menutop_le"><div class="menulinkstitel">%1</div></td> 
            </tr> 
          <tr> 
            <td align="left" valign="top" class="menuspacer_le"><div class="menulinksinner">%2</div></td> 
            </tr> 
          <tr> 
            <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_le.jpg" width="252" height="29" /></td> 
            </tr> 
          <tr> 
            <td align="left" valign="top">}</td> 
            </tr> 
          </table></td> 
          <td width="496" align="left" valign="top"><table width="496" border="0" cellspacing="0" cellpadding="0"> 
            <tr> 
              <td align="left" valign="top"><table width="496" border="0" cellspacing="0" cellpadding="0"> 
                <tr> 
                  <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/warstop.jpg" width="496" height="23" /></td> 
                </tr> 
                <tr> 
                  <td align="left" valign="top" class="warsspacer"><div id="boxes_warsabstand"> 
                      <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
                        <tr> 
                          <td width="50%" align="left" valign="top"><div class="rand">{_boxes_lastwars}</div></td> 
                          <td width="50%" align="right" valign="top"><div class="rand">{_boxes_nextwars}</div></td> 
                        </tr> 
                      </table> 
                  </div></td> 
                </tr> 
                <tr> 
                  <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/warsbuttom.jpg" width="496" height="20" border="0" usemap="#Map2Map" /></td> 
                </tr> 
              </table> 
                <map name="Map2Map" id="Map2Map"> 
                  <area shape="rect" coords="423,4,493,18" href="index.php?wars-next" target="_self" /> 
                  <area shape="rect" coords="7,4,77,18" href="index.php?wars-last" target="_self" /> 
                </map></td> 
            </tr> 
            <tr> 
              <td align="left" valign="top" class="contenttop"><div id="hmenu">{HMENU}</div></td> 
            </tr> 
            <tr> 
              <td align="left" valign="top" class="contentspacer"><div id="explode">{EXPLODE}</div></td> 
            </tr> 
            <tr> 
              <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/contentbuttom.jpg" width="496" height="41" /></td> 
            </tr> 
            </table></td> 
          <td width="252" align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> 
            <tr> 
              <td align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0"> 
                <tr> 
                  <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/lposttop.jpg" width="252" height="23" /></td> 
                </tr> 
                <tr> 
                  <td align="left" valign="top" class="lpostspacer"><div id="boxes_lpost">{_boxes_lastforum}</div></td> 
                </tr> 
                <tr> 
                  <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/lpostbuttom.jpg" width="252" height="20" /></td> 
                </tr> 
              </table></td> 
            </tr> 
            <tr> 
              <td align="left" valign="top">{_list_menunr3@ </td> 
            </tr> 
            <tr> 
              <td align="left" valign="top" class="menutop_re"><div class="menurechtstitel">%1</div></td> 
            </tr> 
            <tr> 
              <td align="left" valign="top" class="menuspacer_re"><div class="menurechtsinner">%2</div></td> 
            </tr> 
            <tr> 
              <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_re.jpg" width="252" height="29" /></td> 
            </tr> 
            <tr> 
              <td align="left" valign="top">}</td> 
            </tr> 
            </table></td> 
        </tr> 
    </table></td> 
  </tr> 
   
  <tr> 
    <td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/footer.jpg" alt="Footer" width="1000" height="36" border="0" usemap="#Map" /> 
      <map name="Map" id="Map"> 
        <area shape="rect" coords="71,6,177,35" href="#toplink" /> 
        <area shape="rect" coords="355,14,648,36" href="http://www.underdogs360.com" target="_blank" alt="Underdogs 360 Clan / Xbox 360 Clan / Ilch Designs" /> 
      </map>      </td> 
  </tr> 
</table> 
</div> 


<map name="Map3" id="Map3"><area shape="rect" coords="33,3,305,14" href="http://www.underdogs360.com" target="_blank" /> 
</map></body> 
</html> 
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />} 
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>} 
{_list_hmenubegi@<ul>} 
{_list_hmenuende@</ul>} 
{_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>} 
{_list_vmenubegi@} 
{_list_vmenuende@}//-->
 
Hm, erst mal vorweg: Für längere (Quell-) Texte immer besser
Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
-Dienste nutzen (bzw, in dem Fall könnte man sich alles auch von der Seite selber holen 🙂 ).

* = Änderung

1. Die Schrift in den News soll von weiß auf schwarz umgestellt werden.
Zum Vergrößern anklicken....
HTML: 
.menu 
{ 
    display:block; 
    color: #000000; *
    font-size: 11px; 
    width: 208px; 
    height: 26px; 
    text-indent: 50px; 
    text-decoration: none; 
    font-family:  Verdana, sans-serif; 
    line-height: 19px; 
    background-image: url(../Bilder/mainbutton.jpg); 
    background-repeat: no-repeat; 
}

2. Die Schriften in den Buttons links sollen noch einpaar Pixel nach rechts verschoben werden.
Zum Vergrößern anklicken....
HTML: 
.menulinksinner { 
    height: auto; 
    width: auto; 
    margin-right: 6px; 
    margin-left: 80px; *
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; 
}

3. Die Überschriften der Boxen links und rechts (z.B. "Menü" oder "Lastwars" sollen von grau in weiß verändert werden.
Zum Vergrößern anklicken....
HTML: 
.menurechtstitel { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #FFFFFF; *
    height: auto; 
    width: auto; 
    margin-right: 36px; 
    margin-left: 52px; 
    margin-top: 8px; 
}

4. Über den News befindet sich ein schwarzer Balken, wo links "pWnD" drinne steht, in dem Balken steht auch "News" in schwarz, die Schrift muss auch weiß gemacht werden.
Zum Vergrößern anklicken....
Kann ich jetzt aus dem Stand nicht helfen...

Allerdings würde ich mich sowieso an den
Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
wenden. Zumal die ganze Seite sowieso geklaut aussieht:
Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
ist ähnlich aufgebaut, und man sieht, wie die Seite eigentlich aussehen soll (mit Hintergrund, keine Weißen Streifen im Layout... und dieses "pWnd" sieht mir etwas zu sehr "reingepainted" aus)...
 
Erstmal DANKE für die Hilfe, werde es gleich ausprobieren 😉

Das Design ist öffentlich und jeder kann es runterladen für seine Page
Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
Sobald ich es zu mehr als 70% abgeändert habe, fällt das Copyright weg - und das will ich versuchen zu erreichen 😉
Vom Design her werde ich eh alles selber erstellen, am Ende bleibt dann nur noch der Grundaufbau von den Codes gleich.
 
Zuletzt bearbeitet:
Naja, der Code ist sowieso nicht wirklich "gut". Auf längere Sicht gesehen, wärs für dich besser, wenn du alles selber schreibst... 😉
 
pixelflat schrieb:
Naja, der Code ist sowieso nicht wirklich "gut". Auf längere Sicht gesehen, wärs für dich besser, wenn du alles selber schreibst... 😉
Zum Vergrößern anklicken....

mhm was ist denn nicht so gut an dem Code bzw. was sollte ich dann besser machen? 😀

Meinst du nur die style.css oder auch die index.htm?

EDIT: Der Code mit der schwarzen Farbe für das menu funktioniert irgendwie nicht.
 
Zuletzt bearbeitet:
Ein paar Dinge, die mir nicht gefallen:
  • Bei höheren Auflösungen ist rechts/links ein weißer Rand. Auch zwischen dem Header und "Content-Bereich" ist ein weißer Bereich
  • Trotz (2!) externer CSS-Datei ist in der index.html noch CSS-Code (sogar an verschiedenen Stellen, mittendrin)
  • Wenn CSS, dann ganz: auf der Seite sind beispielsweise in Tabellen eine Menge Größen-Angaben
  • JavaScript in der index.html (würde ich ebenfalls auslagern; wie schon 2x getan)
  • Ziemlich viele verschachtelte Tabellen. Und dann noch mit verschiedenen DIVs gemischt. Manche Tabellen-Zellen sind auch leer (siehe Spacer). Das Ganze geht genauso auch nur mit DIV-Layern, vor allem, wenn du sowieso schon CSS verwendest.
  • Im Menü gibts einige "Spacer" (DIVs, Tabellen oder Bilder, die nur dazu da sind, um irgendwas wo anders hin zu schieben)
  • Beim Überfliegen habe ich viele Sachen gefunden, die doppelt-gemoppelt sind (CSS)
  • Wenn du schon am Anfang der Seite dick ankündigst, das es ein XHTML-File ist, sollte es wenigstens
    Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
    .
  • Gleiches gilt für die ganzen CSS-Files (
    Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
    )... Btw, sehe gerade, dass es ein CSS-File gar nicht gibt!
  • Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren
    noch die CSS-Fehler in der index.html

Das ganze sieht allerdings immernoch geklaut aus. Den Header (Flash) wirst du wohl nicht ändern (können) und gerade der ist am auffallendsten. Bzw, ich frage mich sowieso a) woher du das mit den 70% hast oder b) wie man definiert, wann 70% geändert wurden (70% vom Quelltext? Man könnte die komplette Seite neu schreiben, so dass kein Teil mehr original ist, die Seite aber dennoch genauso aussieht. Oder 70% vom Design? Was sind dann 70%? Wenn ich den Hintergrund in blau ändere, sind dass schon 30%?).
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Online-Statistiken

Zurzeit aktive Mitglieder
2
Zurzeit aktive Gäste
42
Besucher gesamt
44
Die Summen können auch versteckte Besucher enthalten.

Neueste Themen

Beliebte Forum-Themen

Zurück
Oben Unten