Seite 4 von 4
Verfasst: 27.05.2004 14:42
von Markus67
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
Verfasst: 27.05.2004 14:54
von Julian
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!!!
Verfasst: 27.05.2004 15:00
von Markus67
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
Verfasst: 27.05.2004 15:30
von Markus67
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> </td>
</tr>
</table></td>
</tr>
</table>
<br>
<br>
Markus
Verfasst: 27.05.2004 15:34
von Julian
Danke aber ich kann das auch selber machen wenn ich mal lustig bin aber trozdem danke das du mir geholfen hast!!
Verfasst: 23.06.2004 14:09
von Peggy
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 ...

Verfasst: 23.06.2004 14:24
von Markus67
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
Verfasst: 23.06.2004 14:31
von Peggy
Danke Markus!
Kriegst noch einen dicken Knutscher von mir ...
[ externes Bild ]