Fragen zum Web-DesignenBrauche Hilfe beim Hintergrund


12.05.2013, 18:33 - Bruderschaft - Forumrang: Plappermaul - 11 Posts


[SUPPORTINFO]
CMS & Version: 1.5.5.4
Template & Version: 12 Orange
Website:http://www.brt-clan.de/news/

Hallo Leutz, könnt ihr mir weiter Helfen ich möchte den Hintergrund von meinen Template ändern als (Bild).
Ich habe mal angefangen aber irgend wie schaut das noch nicht gut aus könnte da mal jemand drauf schaun und mir
ein Tip geben was ich anderst einstellen könnte damit das nicht so ausschaut?!
Ich wäre euch sehr dankbar für eure Tips :-)

!!!!Meine index!!!!
background-image: url([dir]/images/background.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #d34f00;
}
.hidepicsgt {
width:0px;
height:0px;
display:none;
}
</style>
</head>

<body>
<center>
<!--Design Beginn-->

<table style="background-position: bottom; background-image: url([dir]/images/background.jpg); background-repeat: repeat-x;" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<center>
<table width="1226" background="[dir]/images/background" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="13" valign="top" style="background-position:bottom; background-image:url([dir]/images/background); background-repeat:repeat-x;"><img src="[dir]/images/background" width="13" height="383" alt="" />
</td>
<td><table width="1200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="[dir]/style/logo.jpg" width="248" height="237" alt="" /></td>
<td width="704" height="237" valign="top" background="[dir]/style/header.jpg"><table height="56" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="360">&nbsp;</td>
<td valign="top" align="right"><div align="right" style="margin-top:35px; margin-right:16px;">[counter]</div></td>
</tr>
</table></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="[dir]/style/hpstyle/login/loginbgoben.jpg" width="248" height="78" alt="" /></td>
</tr>
<tr>
<td background="[dir]/style/hpstyle/login/loginBg.jpg" width="248" height="159">[login][userloginpicgt][nav_user][nav_trial][nav_member][nav_admin]</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" height="1000">
<!--content-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="[dir]/style/hpstyle/bgcontent.jpg"><table style="background-image:url([dir]/style/hpstyle/bgcontentbottom.jpg); background-repeat:repeat-x; background-position:bottom;" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="247" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="[dir]/style/hpstyle/navi/main.jpg" width="247" height="31" alt="" /></td>
</tr>
<tr>
<td width="247" valign="top" background="[dir]/style/hpstyle/navi/navi2bg.jpg"><div style=" background-image:url([dir]/style/hpstyle/navi/13bg.jpg); background-repeat:no-repeat;">[nav_main]</div></td>
</tr>
<tr>
<td><img src="[dir]/style/hpstyle/navi/clan.jpg" width="247" height="28" alt="" /></td>
</tr>
<tr>
<td valign="top" background="[dir]/style/hpstyle/navi/navi2bg.jpg"><div style=" background-image:url([dir]/style/hpstyle/navi/13bg.jpg); background-repeat:no-repeat;">[nav_clan]</div></td>
</tr>
<tr>
<td><img src="[dir]/style/hpstyle/navi/comm.jpg" width="247" height="28" alt="" /></td>
</tr>
<tr>
<td valign="top" background="[dir]/style/hpstyle/navi/navi2bg.jpg"><div style=" background-image:url([dir]/style/hpstyle/navi/13bg.jpg); background-repeat:no-repeat;">[nav_server]</div></td>
</tr>
<tr>
<td><img src="[dir]/style/hpstyle/navi/misc.jpg" width="247" height="28" alt="" /></td>
</tr>
<tr>
<td valign="top" background="[dir]/style/hpstyle/navi/navi2bg.jpg"><div style=" background-image:url([dir]/style/hpstyle/navi/13bg.jpg); background-repeat:no-repeat;">[nav_misc]</div></td>
</tr>
<tr>
<td width="247" height="24"><div id="paginate-slider3" class="pagination3">


<div id="mBoxS1" style="background-image:url([dir]/style/hpstyle/switchtsgm/ts.jpg);"><a href="#" class="toc" ><img src="[dir]/style/hpstyle/naviswitch/spacer.gif" width="123" height="24" border="0" title="TeamSpeak" alt="" /></a></div>



<div id="mBoxS2" style="background-image:url([dir]/style/hpstyle/switchtsgm/gm.jpg);"><a href="#" class="toc" ><img src="[dir]/style/hpstyle/naviswitch/spacer.gif" width="123" height="24" border="0" title="GameServer" alt="" /></a></div>


</div></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><div id="slider3" class="sliderwrapper3">
<div class="contentdiv">
<div id="ts3viewer_1016754" style="width:; background-color:;"> </div>

<script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>

<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1016754&text=000000&text_size=12&text_family=1&js=1&text_s_color=d8dce3&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_color=0bf702&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_color=fc9700&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_color=174cfc&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1016754, 100);
-->
</script> </div>
<div class="contentdiv">
<div align="center">[server] </div>
</div>
</div>

</div>
<script type="text/javascript">
featuredcontentslider.init({id: "slider3",contentsource: ["inline", ""],toc: "markup",nextprev: ["", ""],
enablefade: [false, 0.5],autorotate: [false, 5000],onChange: function(previndex, curindex){}})
</script></td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="537" height="42"><div id="paginate-slider2" class="pagination2">

<div id="mBox1"><img src="[dir]/style/hpstyle/naviswitch/1.jpg" width="13" height="42" alt="" /></div>
<div id="mBox2" ><a href="#" class="toc"><img src="[dir]/style/hpstyle/naviswitch/spacer.gif" width="100" height="42" border="0" alt="" /></a></div>
<div id="mBox3"><img src="[dir]/style/hpstyle/naviswitch/3.jpg" width="6" height="42" alt="" /></div>
<div id="mBox4" ><a href="#" class="toc"><img src="[dir]/style/hpstyle/naviswitch/spacer.gif" width="100" height="42" border="0" alt="" /></a> </div>
<div id="mBox5"><img src="[dir]/style/hpstyle/naviswitch/5.jpg" width="6" height="42" alt="" /></div>
<div id="mBox6" ><a href="#" class="toc"><img src="[dir]/style/hpstyle/naviswitch/spacer.gif" width="100" height="42" border="0" alt="" /></a></div>
<div id="mBox7"><img src="[dir]/style/hpstyle/naviswitch/7.jpg" width="6" height="42" alt="" /></div>
<div id="mBox8" ><a href="#" class="toc"><img src="[dir]/style/hpstyle/naviswitch/spacer.gif" width="100" height="42" border="0" alt="" /></a></div>
<div id="mBox9"><img src="[dir]/style/hpstyle/naviswitch/9.jpg" width="6" height="42" alt="" /></div>
<div id="mBox10" ><a href="#" class="toc"><img src="[dir]/style/hpstyle/naviswitch/spacer.gif" width="100" height="42" border="0" alt="" /></a></div>

</div></td>
</tr>
<tr>
<td width="537" height="174">
<div id="slider2" class="sliderwrapper2">
<div class="contentdiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="176" height="174"><img src="[dir]/style/hpstyle/naviswitch/lwimage.jpg" width="176" height="174" alt="" /></td>
<td width="361" height="174" valign="top" background="[dir]/style/hpstyle/naviswitch/switchbg.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td height="12"></td>
<td></td>
</tr>
<tr>
<td width="4"></td>
<td>[l_wars]</td>
<td width="5"></td>
</tr>
</table></td>
</tr>
</table>
</div>

<div class="contentdiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="176" height="174"><img src="[dir]/style/hpstyle/naviswitch/nwimage.jpg" width="176" height="174" alt="" /></td>
<td width="361" height="174" valign="top" background="[dir]/style/hpstyle/naviswitch/switchbg.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td height="12"></td>
<td></td>
</tr>
<tr>
<td width="4"></td>
<td>[n_wars]</td>
<td width="5"></td>
</tr>
</table></td>
</tr>
</table>
</div>

<div class="contentdiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="176" height="174"><img src="[dir]/style/hpstyle/naviswitch/lfimage.jpg" width="176" height="174" alt="" /></td>
<td width="361" height="174" valign="top" background="[dir]/style/hpstyle/naviswitch/switchbg.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td height="12"></td>
<td></td>
</tr>
<tr>
<td width="5">&nbsp;</td>
<td>[ftopics]</td>
<td width="5"></td>
</tr>
</table></td>
</tr>
</table>
</div>

<div class="contentdiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="176" height="174"><img src="[dir]/style/hpstyle/naviswitch/lnimage.jpg" width="176" height="174" alt="" /></td>
<td width="361" height="174" valign="top" background="[dir]/style/hpstyle/naviswitch/switchbg.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td height="12"></td>
<td></td>
</tr>
<tr>
<td width="5">&nbsp;</td>
<td>[l_news]</td>
<td width="5"></td>
</tr>
</table></td>
</tr>
</table>
</div>

<div class="contentdiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="176" height="174"><img src="[dir]/style/hpstyle/naviswitch/tdimage.jpg" width="176" height="174" alt="" /></td>
<td width="361" height="174" valign="top" background="[dir]/style/hpstyle/naviswitch/switchbg.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td height="12"></td>
<td></td>
</tr>
<tr>
<td width="5">&nbsp;</td>
<td>[top_dl]</td>
<td width="5"></td>
</tr>
</table></td>
</tr>
</table>
</div>

</div>
<script type="text/javascript">
featuredcontentslider.init({id: "slider2",contentsource: ["inline", ""],toc: "markup",nextprev: ["", ""],
enablefade: [false, 0.5],autorotate: [false, 5000],onChange: function(previndex, curindex){}})
</script> </td>
</tr>
</table></td><td><img src="[dir]/style/hpstyle/10.jpg" width="20" height="216" alt="" /></td>
<td background="[dir]/style/hpstyle/slide/11.jpg" width="396" height="216" align="left">

<div id="slider1" class="sliderwrapper">
<div style="margin-top:10px;"> [slideshow]</div> </div>
<div id="paginate-slider1" class="pagination"></div>

<script type="text/javascript">
featuredcontentslider.init({id: "slider1",
contentsource: ["inline", ""],
toc: "markup",
nextprev: ["", ""],
revealtype: "click",
enablefade: [true, 0.2],
autorotate: [true, 3000],
onChange: function(previndex, curindex){}})
</script>


</td>

</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="[dir]/style/hpstyle/16.jpg" width="706" height="38" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div style="margin-left:133px; margin-top:16px;">[newsticker]</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="423" height="169" valign="top" background="[dir]/style/hpstyle/19.jpg"><div id="myImageFlow" class="imageflow">[myteams]</div></td>
<td width="283" height="169" valign="top" background="[dir]/style/hpstyle/specialartikelbg.jpg">[last_artikel]</td>
</tr>
</table></td>
</tr>
<tr>
<td><div style="margin-left:3px; margin-right:4px;">[index]</div></td>
</tr>
<tr>
<td><div align="center" style="z-index:1;"><img src="[dir]/style/hpstyle/adv.jpg" width="678" height="18" alt="" /><br /><!---->
</div></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="[dir]/style/hpstyle/right/17.jpg" width="247" height="37" alt="" /></td>
</tr>
<tr>
<td width="247" height="247" valign="top" background="[dir]/style/hpstyle/right/18.jpg">[top_match]</td>
</tr>
<tr>
<td><img src="[dir]/style/hpstyle/right/24.jpg" width="247" height="30" alt="" /></td>
</tr>
<tr>
<td>[kalender]</td>
</tr>
<tr>
<td><img src="[dir]/style/hpstyle/right/26.jpg" width="247" height="30" alt="" /></td>
</tr>
<tr>
<td>[shout]</td>
</tr>
<tr>
<td><img src="[dir]/style/hpstyle/right/28.jpg" width="247" height="30" alt="" /></td>
</tr>
<tr>
<td><a href="http://www.info-gamer.de/i-atsphp-5.2.1/"><img src="http://www.info-gamer.de/i-atsphp-5.2.1/button.php?u=Kidfrog" alt="info-Gamer-Toplist" border="0" /></a><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="175" height="250" id="countdown"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://countdownpage.createyourcountdown.com/countdown.swf?filename=d07d8b37dae3d7092c9f0c88945f0b6e_21720" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="http://countdownpage.createyourcountdown.com/countdown.swf?filename=d07d8b37dae3d7092c9f0c88945f0b6e_21720" name="countdown" width="175" height="250" wmode="tranallowScriptAccesssparent" ="sameDomain" allowFullScreen="false" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" /></object></td>
</tr>
<tr>
<td><img src="[dir]/style/hpstyle/right/29.jpg" width="247" height="30" alt="" /></td>
</tr>
<tr>
<td><br />
[partners]</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td>
<img class="hidepicsgt" src="[dir]/style/hpstyle/login/entersubmit.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/login/entersubmitH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/navi/13H.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/lastforum.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/lastforumH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/lastnews.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/lastnewsH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/lastwars.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/lastwarsH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/nextwars.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/nextwarsH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/topdownloads.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/naviswitch/topdownloadsH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/shoutb/shmessage.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/shoutb/shmessageH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/shoutb/shname.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/shoutb/shnameH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/shoutb/shsubmit.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/gm.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/gmH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/ts.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/tsH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/buttonvote.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/buttonvoteH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/voteshowall.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/switchtsgm/voteshowallH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/prevH.jpg">
<img class="hidepicsgt" src="[dir]/style/hpstyle/nextH.jpg">


</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="[dir]/style/hpstyle/copyrighttop.jpg" width="1200" height="9" alt="" /></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="278" height="47" valign="top" background="[dir]/style/hpstyle/flagbg.jpg"><div style="float:left; margin-left:62px; margin-top:13px;">[languages]</div></td>
<td><img src="[dir]/style/hpstyle/copyright.jpg" width="645" height="47" alt="" border="0"/></td>
<td background="[dir]/style/hpstyle/cibg.jpg" width="277" height="47">

<map name="cibgMap" id="cibgMap">
<area shape="rect" coords="70,12,140,33" href="../contact/index.php" title="Contact" />
<area shape="rect" coords="210,12,140,33" href="../impressum/index.php" title="Imprint"/>
</map>
<img src="[dir]/style/hpstyle/cibg.jpg" alt="" width="277" height="47" usemap="#cibgMap" border="0" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="[dir]/images/background.jpg"width="1200" height="54" alt="" /></td>
</tr>
</table></td>
</tr>
</table>


<!--content-->
</td>
</tr>
</table></td>
<td width="13" valign="top" style="background-position:bottom; background-image:url([dir]/images/background); background-repeat:repeat-x;"><img src="[dir]/images/background" width="13" height="383" alt="" /></td>
</tr>
</table>



</center>
</td>
</tr>
</table>

</center>


</body>
</html>
 
13.05.2013, 18:31 - Bruderschaft - Forumrang: Plappermaul - 11 Posts
Kann mir bitte jemand Helfen ich komm nicht weiter ?:-(