Buttons und Text

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag 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
Benutzeravatar
Julian
Mitglied
Beiträge: 149
Registriert: 20.05.2004 22:27
Kontaktdaten:

Beitrag 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!!!
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag 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
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag 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>&nbsp;</td> 

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

                <br> 
            <br> 
Markus
Benutzeravatar
Julian
Mitglied
Beiträge: 149
Registriert: 20.05.2004 22:27
Kontaktdaten:

Beitrag von Julian »

Danke aber ich kann das auch selber machen wenn ich mal lustig bin aber trozdem danke das du mir geholfen hast!!
Benutzeravatar
Peggy
Mitglied
Beiträge: 1248
Registriert: 17.10.2003 14:22
Wohnort: Berlin
Kontaktdaten:

Beitrag 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 ... :(
Kein Support per PN/Email/Messenger!
Falls jemand den neuen ICQ-Button braucht: http://www.peggy-para.de/templates/olym ... cq_add.gif
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi

steht doch in der overall_header.tpl :D

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
Benutzeravatar
Peggy
Mitglied
Beiträge: 1248
Registriert: 17.10.2003 14:22
Wohnort: Berlin
Kontaktdaten:

Beitrag von Peggy »

Danke Markus! :D

Kriegst noch einen dicken Knutscher von mir ... :P

[ externes Bild ]
Kein Support per PN/Email/Messenger!
Falls jemand den neuen ICQ-Button braucht: http://www.peggy-para.de/templates/olym ... cq_add.gif
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“