Serendipity Forums

serels wrote:Wie kann ich mir einen eigenen Header / Footer "schnitzen"?

Über die Styles wird das offenbar nicht realisiert, denn da muss man offenbar Variablen und anderen Code verändern um eigene links oder andere Elemente (Images etc..) zu platzieren.

serels wrote:Unglücklicherweise habe ich das Bulletproof als Templategrundlage gewählt. Da ist die Anpassung anscheinend schwieriger als bei Anderen. (Dafür hat man Optionen )

serels wrote:Die index.tpl ist für mich gänzlich unverständlich/n. nachvollziehbar, da dort natürlich nur Klassen und wahrscheinlich Smartybegriffe herumschwirren, die ich nicht kenne.

serels wrote:Als nächstes versuche ich den Header so zu verändern, daß er etwas höher wird und ein anderes Logo aufnehmen kann.

#serendipity_banner { height: 200px; }

serels wrote:Wie ich die Schriftarten des Titels/Untertitels ändere habe ich noch nicht behirnen können.

a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1 {
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
}

serels wrote:Schön wäre es zusätzliche Links/Grafiken in den Header oder Footer aufnehmen zu können, dieses aber updatesicher.

yellowled wrote: Ansonsten müsstest Du mal genauer erklären, was Du mit "zusätzliche Links/Grafiken" konkret meinst.

YL

serels wrote:Was mir auf die Schnell einfällt wäre die Möglichkeit das Logo im Header "clickable" zu machen - also einen Link zu verpassen

serels wrote:... es nach links zu stellen, ohne das der Header - Text "drüberläuft" - also jenen nach rechts zu stellen ...

serels wrote:Ich habe beiu anderen blogs gesehen, daß die Kontaktdaten und Impressum via Navigationsleiste einbinden. Da erscheinen dann Unterverzeichnisse mit html Seiten die im Blog integriert sind.

Wie geht das ?

serels wrote:Bitte um Führung

serels wrote:Wird obiger code nur innerhalb des div's angehängt, oder ersetzt der anderen code ?

serels wrote:Wie verhält sich so ein header dann in unterschiedlichen Viewports/Monitorauflösungen ? Wenn ich das banner.jpg auf mein System zuschnitze, also z.b. 1024x100, siehts bei mir gut aus. Was aber wenn ein user mit anderer Auflösung herangeht. Wird das Banner dann verzerrt/abgeschnitten, angepasst oder sonstwas ?

serels wrote:Wie könnte ich das pic so zentrieren, dass bei einem kleineren Viewport die Grafik einfach links und rechts abgeschnitten wird ...

background-image: url({TEMPLATE_PATH}img/background.png) center center no-repeat;

yellowled wrote:

serels wrote:Wird obiger code nur innerhalb des div's angehängt, oder ersetzt der anderen code ?

Letzteres, er ersetzt den Code. Aber die erste und letzte Zeile des Codeschnipsels ("der restliche Code") bleibt natürlich.
YL

        <!-- #serendipity_banner: this is the header area. it holds the blog title and   -->
        <!--                      description headlines                                  -->
        <div id="serendipity_banner">
            <h1><span class="invisible"><span class="{if $template_option.firbtitle == 'false'}in{/if}visible"><a class="homelink1" href="{$serendipityBaseURL}">{$head_title|@default:$blogTitle|truncate:80:" ..."}</a></span></span></h1>
            <h2><span class="invisible"><span class="{if $template_option.firbdescr == 'false'}in{/if}visible"><a class="homelink2" href="{$serendipityBaseURL}">{$head_subtitle|@default:$blogDescription}</a></span></span></h2>
        </div>

#serendipity_banner {
/* without this, the navbar wipes out part of the banner */
/* if the navbar is located above the banner             */
clear: both;
margin: auto;
width: 100%;
height: 100px;
}

a.homelink1, a.homelink1:hover,
a.homelink1:link, a.homelink1:visited,
#serendipity_banner h1 {

color: #fff;
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size : 130%;
padding-left:15px;
padding-top: 20px;
margin: 0px;
text-decoration: none;
background: url(img/lwrbanner.png) no-repeat;
}


a.homelink2, a.homelink2:hover,
a.homelink2:link, a.homelink2:visited,
#serendipity_banner h2 {
    color: #0000ff;
    font-size: 110%;
    text-decoration: none;
    padding: 5px 0 15px 0;
}

/* Fahrner Image Replacement for the header */
.invisible {
    margin-left: -5000px;
}
.visible { /* just a placeholder - don't use this class */
           /* unless you know what you're doing         */ }

a.homelink1, a.homelink1:hover,
a.homelink1:link, a.homelink1:visited,
#serendipity_banner h1 {
height:100px;

serels wrote:Also ich bekomm's beim bulletproof - template nicht wirklich hin.

serels wrote:(ich hab den code in die user.css geschrieben und die widersprechenden/doppelten codestellen aus default,style,blank,base herausgenommen )

yellowled wrote:

serels wrote:Also ich bekomm's beim bulletproof - template nicht wirklich hin.

Äh ... da brauchst Du es auch nicht.

yellowled wrote: Herzlichen Glückwunsch, Du hast damit deine Installation des Bulletproof-Templates teilweise von seiner kugelsicheren Weste befreit.

yellowled wrote: Es ist niemals notwendig, in BP Code aus einem der mitgelieferten Stylesheets zu löschen! Im Gegenteil, man richtet durch das Löschen von Code eher Schaden an.

Durch die CSS-Kaskade hat man nahezu immer die Möglichkeit, Styles aus den mitgelieferten Stylesheets mittels eines eigenen Colorsets und/oder die Datei user.css zu überschreiben, in beiden Fällen sind die Änderungen sogar updatesicher. Wenn Styles auf diese Weise nicht überschrieben werden können, kannst Du davon ausgehen, dass es wesentliche Dinge für das Layout von BP sind.

Spiele bitte die Originaldateien von BP wieder ein und mache Dich erstmal damit vertraut, was man in BP auch erreichen kann ohne im Code rumzumurksen. Das ist eine ganze Menge, was wesentliche Eigenschaft des ganzen Konzepts von BP ist.

YL