Darstellungsprob. in subsilver2

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
modernist
Ehemaliges Teammitglied
Beiträge: 2202
Registriert: 12.01.2009 10:44

Re: Darstellungsprob. in subsilver2

Beitrag von modernist »

Nein, die Klasse musst du im CSS ergänzen. Im Template sind nur die <br /> und <br clear="all"> zu entfernen.

Hier der Ausschnitt (!) aus der Template-Datei, wie er funktionieren sollte, wenn du in der stylesheet.css dies änderst

Code: Alles auswählen

.tablebg {background-color:#A9B8C2;
margin-bottom:20px;
}
Aktuell steht da nur

Code: Alles auswählen

.tablebg {
	background-color: #A9B8C2;
}

Code: Alles auswählen

        <!-- INCLUDE breadcrumbs.html -->

        <!-- IF S_DISPLAY_ONLINE_LIST -->
         

           <table class="tablebg" width="100%" cellspacing="1">

           <tr>
              <td class="cat" colspan="2"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></td>
           </tr>
           <tr>
           <!-- IF LEGEND -->
              <td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
           <!-- ELSE -->
              <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
           <!-- ENDIF -->
              <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
           </tr>
           <!-- IF LEGEND -->
              <tr>
                 <td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
              </tr>
			 </table>
           <!-- ENDIF -->
             
              <!-- IF WHO_WAS_HERE_LIST2 -->
             

              <table class="tablebg" width="100%" cellspacing="1">

              <tr>
                 <td class="cat" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
              </tr>
              <tr>
                 <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
                 <td class="row1" width="100%"><span class="genmed">{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</span></td>
              </tr>
              </table>
           <!-- ELSEIF U_ACP -->
             

              <table class="tablebg" width="100%" cellspacing="1">
              <tr>
                 <td class="cat" colspan="2"><h4>{L_WHO_WAS_HERE}</h4></td>
              </tr>
              <tr>
                 <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
                 <td class="row1" width="100%"><span class="genmed">{L_WWH_UPDATE_NEED}</span></td>
              </tr>
              </table>
           <!-- ENDIF -->
        <!-- ENDIF -->

        <!-- IF S_DISPLAY_BIRTHDAY_LIST -->
         

           <table class="tablebg" width="100%" cellspacing="1">

           <tr>
              <td class="cat" colspan="2"><h4>{L_BIRTHDAYS}</h4></td>
           </tr>
           <tr>
              <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_BIRTHDAYS}" /></td>
              <td class="row1" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
           </tr>
           </table>
        <!-- ENDIF -->

       

        <table class="tablebg" width="100%" cellspacing="1">

        <tr>
           <td class="cat" colspan="2"><h4>{L_STATISTICS}</h4></td>
        </tr>
        <tr>
           <td class="row1"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="{L_STATISTICS}" /></td>
           <td class="row1" width="100%" valign="middle"><p class="genmed">{TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p></td>
        </tr>
        </table>

        <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
           

           <form method="post" action="{S_LOGIN_ACTION}">

           <table class="tablebg" width="100%" cellspacing="1">

           <tr>
              <td class="cat"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></td>
           </tr>
           <tr>
              <td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
           </tr>
           </table>
           {S_LOGIN_REDIRECT}
           {S_FORM_TOKEN}
           </form>
        <!-- ENDIF -->
Du hast derzeit im Quelltext aber immer noch
table class="tablebg" width="100%" cellspacing="1" cellpadding="0" style="margin-top: 5px;"
stehen. In der hier gezeigten Template-Datei hast du

Code: Alles auswählen

cellpadding="0" style="margin-top: 5px;"
entfernt. Das sollte ggf. wieder zu der Table-Zeile dazu.
Ich habe auch ein </table> ergänzt, das da fehlte.
Ich muß aber sagen, ich bin mehr mit prosilver vertraut. Tabellenlayouts habe ich seit x Jahren nicht mehr gemacht...
Benutzeravatar
NoAlk68
Mitglied
Beiträge: 49
Registriert: 02.08.2010 18:57
Wohnort: Wendeburg
Kontaktdaten:

Re: Darstellungsprob. in subsilver2

Beitrag von NoAlk68 »

Hat geklappt.......super.

Ganz, ganz lieben Dank für die Hilfe!!!! :) :) :)


Eiiiiine Kleinigkeit noch...auch wenn ich jetzt zum Erbsenzähler werde :grin:

Die Überschriften...

Wer ist online ist in blau dargestellt Wer war da, Geburtstage und Statistik ist Schwarz. In welcher Datei ändere ich den Farbcode von Wer ist online dahingehend, daß alle Überschriften die gleiche Farbe haben? Schwarz war FFFFFF?

Dann wäre es perfekt :)
Wir leben alle unter dem gleichen Himmel, wir haben jedoch nicht alle den gleichen Horizont.
modernist
Ehemaliges Teammitglied
Beiträge: 2202
Registriert: 12.01.2009 10:44

Re: Darstellungsprob. in subsilver2

Beitrag von modernist »

NoAlk68 hat geschrieben:Wer ist online ist in blau dargestellt Wer war da, Geburtstage und Statistik ist Schwarz. In welcher Datei ändere ich den Farbcode von Wer ist online dahingehend, daß alle Überschriften die gleiche Farbe haben? Schwarz war FFFFFF?
Das ist so schon korrekt, weil "Wer ist online" verlinkt ist.
Wenn du Wer war da, Geburtstage und Statistik auch in blau haben willst, ergänze jeweils bei

Code: Alles auswählen

<h4>{L_WHO_WAS_HERE}</h4>

<h4>{L_BIRTHDAYS}</h4>

<h4>{L_STATISTICS}</h4>
eine Klasse z.B. bluekcolor; also:

Code: Alles auswählen

<h4 class="bluecolor">{L_WHO_WAS_HERE}</h4>

<h4 class="bluecolor">{L_BIRTHDAYS}</h4>

<h4 class="bluecolor">{L_STATISTICS}</h4>
Im der stylesheet.css (bei Subsilver gab's doch nur dies eine, wenn ich mich recht entsinne) ergänzt du dann am Schluß:

Code: Alles auswählen

.blackcolor {color: #006597;}
Und dann wie gehabt Style aktualisieren (Theme und Template) und Cache leeren.

Soll nur "Wer ist online" geändert werden, dann ergänze in

Code: Alles auswählen

<h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4>
ebenfalls eine Klasse:

Code: Alles auswählen

<h4><a class="blackcolor" href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4>
Im Stylesheet am Ende folgendes ergänzen:

Code: Alles auswählen

a.blackcolor:link {color: #fff; text-decoration: none;}
a.blackcolor:visited {color: #fff; text-decoration: none;}
a.blackcolor:hover, a:active {color:#fff; text-decoration: none; border: 1px solid #fff;}
Hier wird beim Hover dann der Wer ist online-Text unterstrichen. Kann man auch weglassen, aber dann ist kaum mehr erkennbar, daß dies ein Link ist.
Benutzeravatar
NoAlk68
Mitglied
Beiträge: 49
Registriert: 02.08.2010 18:57
Wohnort: Wendeburg
Kontaktdaten:

Re: Darstellungsprob. in subsilver2

Beitrag von NoAlk68 »

Ach ja....das ist ja ein Link.

Hätte ich auch selbst dran denken könne. Nee, dann bleibt es jetzt so, damit der Link auch als solcher zu erkennen ist.

Nochmals herzlichen Dank!!! :) :) :)
Wir leben alle unter dem gleichen Himmel, wir haben jedoch nicht alle den gleichen Horizont.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“