ilch Forum » Ilch Clan 1.1 » Design und Templates » Homepage der Auflösung anpassen

Geschlossen
  1. Do. 02.01.2014 17:36 Uhr #1
    User Pic
    KillerNase Mitglied
    Registriert seit
    17.05.2013
    Beiträge
    73
    Beitragswertungen
    0 Beitragspunkte
    Moin

    Ich habe mal wieder ein Problem, ich nutze die Auflösung 1920x1080 und wenn ich dann auf meine Homepage gehe, sehe ich den Teamspeak und Gameserver Button an der richtigen stelle.

    Nun wurde ich von Membern darauf angesprochen das die Button bei ihnen ausserhalb des Designs sind, weil sie die Auflösung 1600x irgendwas nutzen lächeln

    Kann man das irgendwie anpassen? das die Button immer an der gleichen stelle sitzen egal welche Auflösung man nutzt?

    Und dann wollte ich noch Fragen ob mir einer sagen kann wo ich den Code von Ticker Modul 2.0 in meiner Index einfügen muss damit er in der dafür vorgesehen Spalte unterhalb der Lastboxen läuft?

    hier meine Index.htm 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   
<html>
<head>
<style type="text/css">
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: fixed;
top: 5%;
left: 40%;
width: 300px;
height: 700px;
padding: 25px;
background-color: #000000;
border: 1px solid #FFFFFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
color: #1690f7;
z-index:1002;
overflow: auto;
}
</style>
 
</style>
<script type="text/javascript" src="include/includes/js/jquery.min.js"></script>
<script type="text/javascript" src="include/includes/js/jquery.js"></script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
    <title>{TITLE}</title><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/DDvXv2/style.css">
     
     
    <link rel="stylesheet" href="include/designs/DDvXv2/slider/themes/pascal/pascal.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="include/designs/DDvXv2/slider/themes/orman/orman.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="include/designs/DDvXv2/slider/slider.css" type="text/css" media="screen" />
    
 
<style type="text/css">
 
     
.hame
{
    display: block;
    border:none;
    color: #f7f7f7;
    font-size: 12px;
    width: 208px;
    text-indent: 50px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:26px;
    background: url(include/designs/DDvXv2/Bilder/button_sitemenu.png);
}
.hame:hover
{
    display: block;
    border:none;
    color: #f7f7f7;
    font-size: 12px;
    width: 208px;
    text-indent: 50px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:26px;
    background: url(include/designs/DDvXv2/Bilder/button_sitemenu_2.png);
}
 
 
/*--Setzt alle Abstände auf "Null"--*/
* {
margin: 0;
padding: 0;
}
 
/*--formatiert die Menüleiste + BGcolor Blau--*/
#menu {
width: 1100px;
height:38px;
background: ;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left;
}
 
/*--formatiert die Themenblöcke - Nebeneinander--*/
#menu ul {
float: left;
width: 119px;
list-style-type: none;
padding-top: 2px;
}
 
/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 11px;
text-align: center;
color: #CCC;
border: 0px solid #003366; /*--erforderlich für IE 7--*/
background: url(include/designs/DDvXv2/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
}
 
/*--definiert die Blocküberschriften--*/
#menu h3:hover {
font-size: 11px;
text-align: center;
color: #3CF;
border: 0px solid #003366; /*--erforderlich für IE 7--*/
height: 29px;
width: 119px;
background: url(include/designs/DDvXv2/Bilder/button_hover.png);
padding-top: 9px;
}
 
/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #222;
text-align: center;
background: url(include/designs/DDvXv2/Bilder/DropDownbutton.png);
color: #3CF;
height: 20px;
}
 
/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #000;
background: url(include/designs/DDvXv2/Bilder/DropDownbutton_hover.png);
}
 
/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
 
#menu a.direkt:link {
font-size: 11px;
font-weight: bold;
text-align: center;
color: #CCC;
border: 0px solid #003366; 
background: url(include/designs/DDvXv2/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
}
 
/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
 
#menu a.direkt:hover {
font-size: 11px;
font-weight: bold;
text-align: center;
color: #3CF;
border: 0px solid #ccc;
height: 29px;
width: 119px;
background: url(include/designs/DDvXv2/Bilder/button_hover.png);
padding-top: 9px;
}
 
/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/
 
#menu li {
position: relative;
}
 
/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}
 
/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}
 
/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
 
* html #menu ul li {
float: left;
width: 100%;
}
 
/*--nur für IE 7 erkennbar--*/
 
*+ html #menu ul li {
float: left;
width: 100%;
}
 
 
</style>
 
</head>
 
<body>
<div id="ts_pop" style=" right: 1270px; width: 200px; position: absolute; top: 519px; height: 30px; z-index: 999;" >
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
<img src="include/images/icons/ts_logo.png" border="0"/></a></div>
   
<div id="gs_pop" style=" left: 1295px; width: 200px; position: absolute; top: 519px; height: 30px; z-index: 999;" >
<a href = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='block';document.getElementById('fade2').style.display='block'">
<img src="include/images/icons/gs_logo.png" border="0"/></a></div>
 
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="top:0px; position:fixed; z-index:10000;">    
   <tr>         
      <td height="54" align="center" valign="top" background="include/images/login/hori-login/loginbar.png">
      <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">       
   <tr>             
      <td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">            
   <tr>                 
      <td width="50" height="54">&nbsp;</td>                 
      <td height="54" align="center" valign="top">{_boxes_hori-login}</td>                 
      <td width="50" height="54">&nbsp;</td>            
   </tr>      
</table>     
      </td>        
   </tr>   
</table></td> 
   </tr>
</table>
 
 
<center>
<table width="1100" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td align="center">
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/header.png">
    <tr>
     <td width="1100" height="281" align="right">
          </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="0" align="right" background="include/designs/DDvXv2/Bilder/kante.png">
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/menu.png">
    <tr>
     <td width="1100" height="49" align="left">
       <table border="0" cellpadding="0" cellspacing="0">
        <tr>
         <td style="padding-top: 2px;">
<a href="index.php" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/home.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/home_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/home.png'" border="0"></a><a href="?news" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/news.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/news_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/news.png'" border="0"></a><a href="?forum" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/forum.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/forum_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/forum.png'" border="0"></a><a href="?omember" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/user.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/user_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/user.png'" border="0"></a><a href="?teams" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/teams.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/teams_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/teams.png'" border="0"></a><a href="?links" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/links.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/links_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/links.png'" border="0"></a><a href="?gbook" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/gbook.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/gbook_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/gbook.png'" border="0"></a><a href="?joinus" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/joinus.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/joinus_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/joinus.png'" border="0"></a><a href="?fightus" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/fightus.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/fightus_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/fightus.png'" border="0"></a>
         </td>
        </tr>
       </table>
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/lastbox.png">
    <tr>
     <td width="350" height="217" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 10px; padding-top: 16px; padding-right:10px;">{_boxes_DDVX-LASTNEWS}</td></tr></table>
     </td>
     <td width="350" height="217" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 15px; padding-top: 16px;">{_boxes_DDVX-LASTFORUM}</td></tr></table>
     </td>
     <td width="350" height="217" valign="top">
      <table width="100%"><tr>
      <td width="100%" align="left" style="padding-left: 35px; padding-top: 17px; padding-right:10px;">{_boxes_toptopic}</td></tr></table>
     </td>
    </tr>
   </table>
       
       
       
       
       
      </td></tr></table>
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="6" background="include/designs/DDvXv2/Bilder/page_bg_oben.png"></td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" background="include/designs/DDvXv2/Bilder/page_bg.png">
      
      <table width="1100" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td width="230" align="left" valign="top">
         {_list_menunr1@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="left" valign="top" background="include/designs/DDvXv2/Bilder/box_links_mitte.png">
            <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="left" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
    
           </td>
          </tr>
          <tr>
           <td width="230" height="15" background="include/designs/DDvXv2/Bilder/box_links_unten.png"></td>
          </tr>
         </table>   
         }
        </td>
        <td width="640" align="left" valign="top">
         <table width="638" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td height="64" background="include/designs/DDvXv2/Bilder/hamanu.png"><div style="padding-left:15px; padding-bottom:20px;">{HMENU}</div></td>
          </tr>
          <tr>
           <td><div style="padding-left:10px; padding-right:10px; padding-bottom:20px;">{EXPLODE}</div></td>
          </tr>
         </table>
        </td>
        <td width="230" align="left" valign="top">
         
        {_list_menunr2@
          <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_mitte.png">
            
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
            
           </td>
          </tr>
          <tr>
           <td width="230" height="17" background="include/designs/DDvXv2/Bilder/box_rechts_unten.png"></td>
          </tr>
         </table>   
         }
         
        </td>
       </tr>
      </table>
      
     </td>
    </tr>
   </table>
    
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="130" valign="bottom"><img src="include/designs/DDvXv2/Bilder/footer.png" border="0" usemap="#Map"/>
     </td>
    </tr>
   </table>
    
   <br />
    
  </td>
 </tr>
</table>
 
 
</center>
 
<map name="Map" id="Map">
  <area shape="rect" target="_blank" coords="27,90,281,118" href="http://www.dragondesigns.de" alt="copyright" />
  <area shape="rect" coords="962,72,1017,115" href="#" alt="on top" />
</map>
 
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><br>Close<br><br></a>
<!-- Anfang TS Code -->
<iframe src="http://cache.www.gametracker.com/components/html0/?host=62.104.20.161:10012&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=0&currentPlayersHeight=500&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=240" frameborder="0" scrolling="no" width="240" height="688"></iframe>
<!-- Ende TS Code -->
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><br>Close</a></div>
<div id="fade" class="black_overlay"></div>
   
<div id="light2" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='none';document.getElementById('fade2').style.display='none'"><br>Close<br><br></a>
<!-- Anfang TS Code -->
<iframe src="http://cache.www.gametracker.com/components/html0/?host=94.250.196.197:25200&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=1&currentPlayersHeight=100&showCurrPlayers=1&topPlayersHeight=100&showTopPlayers=1&showBlogs=0&width=240" frameborder="0" scrolling="no" width="240" height="536"></iframe>
<!-- Ende TS Code -->
<a href = "javascript:void(0)" onclick = "document.getElementById('light2').style.display='none';document.getElementById('fade2').style.display='none'"><br>Close</a></div>
<div id="fade2" class="black_overlay"></div>
</body>
 
<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="hame" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->



    verwendete ilch Version: 1.1 O

    betroffene Homepage: german-headshot-crew.de/
    Die German Headshot Crew - Sucht immer neuer Member, Meldet euch einfach bei mir!
    0 Mitglieder finden den Beitrag gut.
  2. Do. 02.01.2014 18:41 Uhr #2
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    jop das kann man ...

    du solltest aber eigentlich das ganze design überarbeiten ... und auf tabellen verzichten und auf css in der index.htm auch verzichten das solltest du auslagern ....
    0 Mitglieder finden den Beitrag gut.
  3. Do. 02.01.2014 19:17 Uhr #3
    User Pic
    KillerNase Mitglied
    Registriert seit
    17.05.2013
    Beiträge
    73
    Beitragswertungen
    0 Beitragspunkte
    Klingt ja schon mal gut lächeln

    Gibt es hier den Member die sowas für Laien machen würden?
    Denn ich verstehe nicht wirklich viel davon, mal was umändern oder ein modul installieren klappt aber sowas packe ich nicht.
    Die German Headshot Crew - Sucht immer neuer Member, Meldet euch einfach bei mir!
    0 Mitglieder finden den Beitrag gut.
  4. Do. 02.01.2014 19:21 Uhr #4
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    schau mal bei pintura arts vorbei oder geh mal ins anfragen Angebote forum
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  5. Do. 02.01.2014 20:15 Uhr #5
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Die Grafiken sind ja vorhanden.
    Mit dem gewissen Interesse an der eigenen Seite sollte es mit Hilfe von dem folgenden Tutorial möglich sein, sofern sich keine weitere Möglichkeit findet:

    externer Link

    Mfg Maretz


    Zuletzt modifiziert von Maretz am 02.01.2014 - 20:15:58
    Ilch Templates and Modules

    2 Mitglieder finden den Beitrag gut.
  6. Do. 02.01.2014 20:20 Uhr #6
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    Oh ich hab gar nicht mitbekommen das ihr da eine FAQ für erstellt habt ^^
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  7. Do. 02.01.2014 20:46 Uhr #7
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    jop genau damit sollte es jeder hinbekommen
    0 Mitglieder finden den Beitrag gut.
  8. Do. 02.01.2014 21:11 Uhr #8
    User Pic
    KillerNase Mitglied
    Registriert seit
    17.05.2013
    Beiträge
    73
    Beitragswertungen
    0 Beitragspunkte
    Wenn man was davon versteht schon...aber alles was ich da lese hört sich nach Bahnhof an..
    Die German Headshot Crew - Sucht immer neuer Member, Meldet euch einfach bei mir!
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 03.01.2014 05:38 Uhr #9
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    das kann eigentlich kaum sein maretz hat es sehr sehr einfach erklärt.

    trink ne tasse kaffee und les es dir durch! und zwar konzentriert. und dann stell uns detaillierte fragen auf die wir antworten können. Wir sind hier nur als unterstützer Tätig und wollen schon dass du auch bisschen was dazu beiträgst wenn wir sehen es klappt gar nicht dann helfen wir schon aber code + macht mal ist nicht der richtige weg.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten