Anpassung Template Andreas08

fwe77 · Post by **fwe77** » Tue Jul 04, 2006 7:44 pm

Hallo Forumgemeinde,

bin gerade dabei eine neue Seite auf Basis von Serendipity aufzubauen! Als Vorlage verwende ich das Andreas08 - Template von Carl! (BTW: good job carl!

)

Nun möchte ich gerne die Suche bzw. Blog - Description über das Bild (im Beispiel gelb) platzieren!

Auszug index.tpl:

Code: Select all

<div id="mainpane" >

<div class="quicksearch"><form id="searchform" action="{$serendipityBaseURL}" method="get"><input type="hidden" name="serendipity[action]" value="search" /><input alt="Quicksearch" type="text" name="serendipity[searchTerm]" value="{$CONST.QUICKSEARCH}..." onFocus="if(this.value=='{$CONST.QUICKSEARCH}...')value=''" onBlur="if(this.value=='')value='{$CONST.QUICKSEARCH}...';">
</form></div>

<div id="header" onclick="location.href='{$serendipityBaseURL}';" style="background-image:url({php}include "image.php";{/php}); width:758px; height:275px; background-repeat:no-repeat; cursor: pointer;">

<h1>{$head_title|@default:$blogTitle|truncate:50:" ...":true}</h1>
<h2>{$head_subtitle|@default:$blogDescription}</h2>

</div>

Wie man sehen kann, habe ich die Suche bereits nach oben verschoben (rechtsbündig) - fehlt also noch die Blogbeschreibung (linksbündig):

Code: Select all

<h1>{$head_title|@default:$blogTitle|truncate:50:" ...":true}</h1>
<h2>{$head_subtitle|@default:$blogDescription}</h2>

Doch egal was ich mache, es zerreist immer das Layout! Hat jemand vielleicht eine Idee!

Vielen Dank fürs erste! Frank.

Post by **garvinhicking** » Wed Jul 05, 2006 11:23 am

Hi!

Kann man sich dein Ergebnis irgendwo ansehen?

Und auch welche Änderungen Du vorgenommen hast und die das layout zerreissen?

Vielleicht kann ich dann da helfen.

Viele Grüße,
Garvin

fwe77 · Post by **fwe77** » Wed Jul 05, 2006 11:51 am

Hi Garvin,

das bisherige Ergebnis kann man sich hier anschauen! "Zerreissen" ist vermutlich zu viel gesagt - ich hätte es (Blogbeschreibung - Suche) gerne auf einer Höhe!

Gruß. Frank.

Post by **garvinhicking** » Wed Jul 05, 2006 1:19 pm

Hi!

Ich würde das quicksearch-Element VOR den Banner im HTML Code schieben, und dann .quicksearch per CSS nach rechts floaten lassen. Also:

Code: Select all

<div class="quicksearch"><form id="searchform" action="http://www.wetterling.org/blog.new/" method="get"><input type="hidden" name="serendipity[action]" value="search" /><input alt="Quicksearch" type="text" name="serendipity[searchTerm]" value="Suche..." onFocus="if(this.value=='Suche...')value=''" onBlur="if(this.value=='')value='Suche...';">
</form></div>
<div id="head1">Pocahontasia</div>
<div id="head2">Über Sinn und Unsinn des Lebens</div>

Code: Select all

.quicksearch {
  float: right;
}

HTH,
Garvin

fwe77 · Post by **fwe77** » Wed Jul 05, 2006 1:35 pm

Hi Garvin,

vielen Dank! Genau das war der rettende Ansatz!

Übrigens, finde ich das Lightbox/Thickbox JS Plugin super! Tolle Arbeit!

Gruß. Frank.

fwe77 · Post by **fwe77** » Tue Jul 11, 2006 9:30 pm

Hallo zusammen,

muss den Thread noch mal nach oben holen!

Habe derzeit ein kleines Problemchen mit der Sidebar! Ich habe in der style.css folgende Anpassung durchgeführt, um den Hintergrund entsprechend anzupassen:

Code: Select all

#sidebar, .serendipitySideBarItem{

        background: #fff url("{TEMPLATE_PATH}img/sidebar.png") 0 0 repeat-y;
        float:right;
        width:175px;
        padding:10px 0px 10px 10px;
        line-height:1.4em;
        vertical-align: top;
        font-size:0.9em; }

Doch leider hört der Hintergrund auf, wenn alle Elemente der Sidebar abgearbeitet sind! Verständlicherweise, hätte ich es gerne bis zum footer!

Hier noch ein Screenshot bzw. hier das Live System:

Vielen Dank. Frank.

Post by **garvinhicking** » Tue Jul 11, 2006 9:38 pm

Hi!

Dies ist ein bekanntes Problem von "floating columns". Wenn Du es auf Tabellenbasis umstellst, wird die Spalte automatisch so lang wie der Contentbereich sein.

Alles andere arbeitet in viel Arbeit mit floating + clearing aus, da fragst Du am besten auch in einem CSS-spezifischem Forum nach.

Viele Grßüe,
Garvin

fwe77 · Post by **fwe77** » Tue Jul 11, 2006 10:18 pm

Hi Garvin,

vielen Dank für das schnelle Feedback.

Dies ist ein bekanntes Problem von "floating columns". Wenn Du es auf Tabellenbasis umstellst, wird die Spalte automatisch so lang wie der Contentbereich sein.

Okay, Tabellenbasis!

Gib' mir doch bitte noch einen kleinen Hinweis, wo genau ich mit der "Umstellung" anfangen soll! Steh' gerade voll auf dem Schlauch!

Vielen Dank. Frank.

Post by **garvinhicking** » Wed Jul 12, 2006 9:32 am

Hi!

Gib' mir doch bitte noch einen kleinen Hinweis, wo genau ich mit der "Umstellung" anfangen soll! Steh' gerade voll auf dem Schlauch!

Am besten in der index.tpl. Schau Dir mal das index.tpl von "default" an, das setzt Tabellen ein, und dann kannst du die jeweiligen TD Elemente mit dem Hintergrunzbild belegen.

Viele Grüße,
Garvin

fwe77 · Post by **fwe77** » Wed Jul 12, 2006 5:22 pm

Hallo Garvin,

vielen Dank' für den Hinweis! Damit habe ich es hinbekommen! Für alle, die es noch interessiert - folgendes habe ich in der index.tpl des Themes geändert:

Suche nach:

Code: Select all

<div id="content">
        {$CONTENT}
</div>

<div id="sidebar">
                {serendipity_printSidebar side="right"}
                {serendipity_printSidebar side="left"}
</div>

und ändern in:

Code: Select all

<table border="0">
<tr>
        <td id="content">{$CONTENT}</td>

        <td id="sidebar">{serendipity_printSidebar side="right"}</td>
</tr>
</table>

In diesem speziellen Fall, war noch eine Anpassung der CSS Datei nötig. Dieses Elemente mussten noch aufgesplittet werden!

Gruß. Frank.

Anpassung Template Andreas08

Anpassung Template Andreas08

Re: Anpassung Template Andreas08