[Suche] Top_Buttons Mouseover & kein Abstand am Header

HDD1991
Ich suche einen Hack, der es möglich macht, dass ein anderer top_button erscheint, wenn ich mit dem Mauscursor auf einen zeige.

Ausserdem wüsste ich gerne, wie ich den Abstand zwischen Header und Browser wegbekomme!

MFG
SessionX
einen Hack dafür gibt es nicht.
Das ist eine einfache Template Änderung deines Header.tpl.

Dazu musst du einen Button haben und einen anderen der dann beim drüber fahren erscheinen soll.

Schau mal, ob du im Header ganz oben einen <br /> drinne hast, bzw. poste diese mal hier.

Gruss
HDD1991
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>
  <td class="mainpage" align="center">
   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
     <td class="logobackground" align="center"><if($style['logoimage']!="")><then><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></then></if></td>
    </tr>
    <tr>
     <td align="center"><span class="smallfont"><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_usercp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a> <a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/$pmbild" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then><else> <a href="register.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_register.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></else></if><if($wbbuserdata['userid'] == 0)><then><a href="login.php"><img src="{$style['imagefolder']}/top_login.gif" border="0" alt="Login" title="Login" /></a></then></if> <if($wbbuserdata['can_guthaben_shop'])><then><a href="lottozahlen.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_lottozahlen.gif" border="0" alt="{$lang->items['LANG_GLOBAL_GUT_LOTTO']}" title="{$lang->items['LANG_GLOBAL_GUT_LOTTO']}" /></a></then></if> <if($wbbuserdata['userid'])><then><a href="guthaben.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_guthaben.gif" border="0" alt="{$lang->items['LANG_GLOBAL_GUT_GUT']}" title="{$lang->items['LANG_GLOBAL_GUT_GUT']}" /></a></then></if> <if($wbbuserdata['can_guthaben_werben'])><then></then></if> <a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_calendar.gif" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a> <a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_members.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a> <a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a> <a href="jgs_galerie.php?sid={$session['hash']}"><img src="{$style['imagefolder']}/top_galerie.gif" border="0" alt="Galerie" title="Galerie" /></a> <a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a> <a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/top_faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a> <a href="linkus.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_linkus.gif" border="0" alt="{$lang->items['LANG_GLOBAL_YW_LINKUS']}" title="{$lang->items['LANG_GLOBAL_YW_LINKUS']}" /></a> <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_acp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></then></if> <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_modcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if> <a href="jgs_portal.php?sid=$session[hash]"><img src="{$style['imagefolder']}/top_portal.gif" border="0" alt="" /></a> <a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_start.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TOINDEX']}" title="{$lang->items['LANG_GLOBAL_TOINDEX']}" /></a></span></td>
    </tr>     
   </table><br />


MFG
Donkman
meinst du den im screenshot rot gekennzeichneten abstand zwischen header und browser?

bekommste ganz einfach weg.

einfach im designpack des styles gleich ins erste textfeld bei Weitere Attribute (CSS Code): folgendesn code zusätzlich eingeben und natürlich speichern.

code:
1:
margin-top:0px;
astala
für einen mouseover mit buttonwechsel kannst du z.b folgendes nehmen:

füge ganz oben in das headinclude.tpl folgendes ein

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
 
 <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_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>



Datei speichern


Als code für einen Button kommt dann z.b für den Start button folgendes:

code:
1:
<a href="index.php{$SID_ARG_1ST}" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('start','','images/td1/top_start1.gif',1)"><img name="start" src="images/td1/top_start.gif" border="0" alt="Startseite" title="Startseite" /></a>


wobei top_start.gif der normale button ist und top_start1.gif der over button

wichtig ist auch noch das jede button anweisung einen anderen namen hat

In dem Beispiel ist das start (2x vorhanden)
HDD1991
Zitat:
Original von astala
wichtig ist auch noch das jede button anweisung einen anderen namen hat

In dem Beispiel ist das start (2x vorhanden)


Wie soll ich das verstehen?

MFG