Buttons und Text

Beitrag von **Markus67** » 27.05.2004 14:42

Hi ...

ups ... das hatte ich übersehen .... Auf die übergeordnete Tabelle hab ich gar nicht geachtet

Hab mal gerade nachgesehen ....

Ändere die Spalte mit 35% wieder auf 40% die ist zu knapp beim "Hoover"-Effekt ...

Markus

Julian · Beitrag von **Julian** » 27.05.2004 14:54

aber wenn ich dann eingeloggt bin funzt das mit dem

Logout [ Julian ]

nichtmehr das ist dann zu groß wenn man mit der mause drüberfährt!!!und verschiebt das vorum!!!

Beitrag von **Markus67** » 27.05.2004 15:00

Hi Julian ...

du musst mit den Spaltenbreiten einfach ein bischen rumprobieren bis es passt ... und darauf achten dass die 6 Spalten in der Summe auf 100% kommen .... Das ist einfach Fummelei ....

So wie du es realisieren möchtest ist immer ein bischen ungeschickt .... denn wenn jemand eine 800x600 Auflösung hat mit einem kleinen Bildschirm passt es auch wieder nicht ....

Oder du machst 3 Zeilen und eine feste Spaltenbreite mit der genauen Pixelangabe ....

Markus

Beitrag von **Markus67** » 27.05.2004 15:30

Hi ...

wenn du magst kannst du dir das hier einbauen in die overall_header.tpl ... Ich hab einfach die Spalten alle auf
width="120" gesetzt .... du kannst es ja entpsrechend anpassen ....
Dann wackelt nichts mehr ....

Code: Alles auswählen

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> 

<a name="top"></a> 

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
        <tr> 
                <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0"> 

       <td><div align="center"><a href="{U_INDEX}"><img src="http://julianlindenberg123istichbins.s4.cybton.com/PHP/templates/subSilver/images/lol1234bearbeitetsfdg.JPG" border="0" alt="{L_INDEX}" vspace="1" /></a></DIV></td> 
       <tr> 
       <td align="center" width="100%" valign="middle"> 
           <table cellspacing="0" cellpadding="0" border="0" width="100%"> 
           <tr border="1"> 

        <td> 
      <div align="center">
      <table border="0" id="table1" cellspacing="0" cellpadding="0" height="25"> 
      <tr> 
      <td width="120"><p align="left"><span class="mainmenu"> 
      <a href="{U_FAQ}" class="Font5"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span></td> 
      <td width="120"><p align="left"><span class="Font5"> 
      <a href="{U_SEARCH}" class="Font5"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a></span></td> 
      <td width="120"><p align="left"> 
      <a href="{U_MEMBERLIST}" class="Font5"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a></span></td> 
      <td width="120"><p align="left"> 
      <a href="{U_GROUP_CP}" class="Font5"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a></span></td> 
      <td width="120"><p align="left"><span class="Font5"> 
      <a href="{U_PROFILE}" class="Font5"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a></span></td> 
           </tr> 
      </table> 
      </div>
		<div align="center">
      <table border="0" width="600" id="table2" cellspacing="0" cellpadding="0" height="25"> 
         <tr> 
        <td width="300"><p align="left"> 
		<a href="{U_PRIVATEMSGS}" class="Font5"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a></span></td> 
        <td width="120"><p align="left">
		<a href="{U_LOGIN_LOGOUT}" class="Font5"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a></span></td> 
		<td width="120"><p align="left"> 
<!-- BEGIN switch_user_logged_out --> 
		<a href="{U_REGISTER}" class="Font5"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span></td> 
<!-- END switch_user_logged_out --> 
           </tr> 
      </table> 
      </div>
      <p>&nbsp;</td> 

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

                <br> 
            <br>

Markus

Julian · Beitrag von **Julian** » 27.05.2004 15:34

Danke aber ich kann das auch selber machen wenn ich mal lustig bin aber trozdem danke das du mir geholfen hast!!

Peggy · Beitrag von **Peggy** » 23.06.2004 14:09

Hallo,

kann sich mal jemand z.B. diesen Style anschauen:

http://www.phpbbhacks.com/templatesdemo/index.php?s=180

Ich würde gerne wissen, wie man diesen "Wackel"-Effekt bei den Links und Buttons hervorruft, wenn man mit der Mouse drüberwandert.

Im Quelltext konnte ich bei den CSS-Definitionen nichts finden ...

Beitrag von **Markus67** » 23.06.2004 14:24

Hi

steht doch in der overall_header.tpl

Code: Alles auswählen

a:hover		{ text-decoration: underline; color : {T_BODY_HLINK}; }
a:hover {color: {T_BODY_HLINK}; text-decoration: none; background-color: transparent; position: relative; top: 1.5px; left: 1.5px;}

Der zweite "a:hover" (position) Eintrag ist dafür verantwortlich ... der versetzt die Grafik bzw. den Link ...

Markus

Peggy · Beitrag von **Peggy** » 23.06.2004 14:31

Danke Markus!

Kriegst noch einen dicken Knutscher von mir ...

[ externes Bild ]