Hilfe bei anpassungen in wordpress - theme pure II

Feli

Feli

Aktives Mitglied
Thread Starter
Dabei seit
09.10.2005
Beiträge
4.499
Reaktionspunkte
79
Hallo!

ich wurschtel mich seit gestern durch pure2 und hab nun ein paar probleme mit der anpassung die ich nicht alleine gelöst bekomme.

info: die webeite wird kein blog werden, sondern nur 4-5 statische seiten bekommen.

1. im header is ein schwarzer kasten, den würde ich gern durch ein bild (logo) ersetzen
wenn ich das richtig sehe (ich hab nur ein paar grundlagen kentnisse in html) is es dieser teil der style.css

PHP:
#arcload{z-index:2;position:fixed;left:0;top:30px;color:#000;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    text-transform:uppercase;
    text-align:right;
    background-color:#BEC7D1;
    overflow:hidden;
    width:150px;
    
    
    -moz-border-radius-topright: 10px;
    -khtml-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
    border-radius-toprightt: 10px;
    
    
    -moz-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomright: 10px;
    border-radius-bottomright: 10px;
    
    }

#arcload a {
            display: block;
            padding:10px 20px;
            color:#000000;
            font-family:Sertig;
            font-weight:normal;
            }

#arcload a:hover {
            background-color:#fff;
das bild selbst würde ich gern mit der startseite verlinken! wie muss ich den code verändern?


oder macht es sinn (is es einfacher) den header komplett zu löschen und das bild in die "seite" mit rein zu packen? die überschrift (http://winor.sk/demo/habura/?page_id=17 "page 1" würde ich im übrigen auch gern verschwinden lassen.

2. die farben im menü würde ich gern anpassen (gegen andere tauschen) und

3. die menüpunkte "home" + "to top" löschen, da es kein blog wird und home eine statische seite sein wird, was bedeutet ich hätte 2x home im menü.

4. ich würde gern die breite des großen weißen kastens (body?) in der breite ändern!?

5. außerdem soll die seite zweisprachig sein! wie setze ich das am einfachsten um?

mein plan bisher: 2 webseiten parallel laufen zu lassen (eine englisch und eine deutsch) und dann gibt es irgendwo nen link (im menü am liebsten! is das möglich?) zum wechseln.

puhh, ganz schön was zusammen gekommen :eek:

hoffe ihr könnt mir helfen!

ps: nen link zur seite gibt es nicht, da sie noch nicht online ist.

im moment sieht die seite so aus:

screen-capture-1.jpg

vergleich: http://winor.sk/demo/habura/?page_id=17

bin also schon ein wenig voran gekommen. der footer is weg, dafür is da jetzt mittig der blogname + inhaber straße, plz, stadt (hab ich abgeschnitten), kategorien sind weg, hintergrundbild is ausgetauscht und noch ein paar kleinigkeiten wie zb den schwarzen kasten testweise weiß eingefärbt ...
 
Zuletzt bearbeitet:
stell die Seite mal testweise irgendwo online. So kann dir niemand helfen
 
mmh das geht leider nich :eek:
 
Wie soll man dir helfen, wenn man weder den Quelltext, noch die Seite zu sehen bekommt :confused:
 
Ein Tipp: Installier dir das Add-on "Firebug" für den Firefox. Damit kannst du CSS und HTML deiner Seite probehalber modifizieren und siehst gleich, was sich ändert. Musst nur beachten, dass Firebug kein Editor ist und den Code deiner Seite unangetastet lässt. Die wirklichen Änderungen musst du dann schon noch am Original durchführen.
 
  • Gefällt mir
Reaktionen: Feli
inzwischen hab ich schon viele geändert bekommen (google und selfhtml.org sind meine Freunde :D ) , tue mich aber mit Grundlegenden Sachen manchmal noch schwer :eek:

Ich hab in der header.php inzwischen alles soweit geändert, dass der schwarze Kasten und der Text weg sind und stattdessen ein Bild. Nun möchte ich, dass das Bild weiter nach oben an den Rand rückt/der Text unterhalb näher ran rückt und das es mit der Startseite verlinkt is.

So sieht der Code jetzt aus:

PHP:
<div id="header">
        <div id="headerlogo">
        <p><img src="wp-content/themes/pure2pro/images/header.jpg" 
        width="300" height="217"></p>
        
        </div>
Link zum Theme: http://winor.sk/demo/habura/
 
Zuletzt bearbeitet:
Die einzelnen Elemente kannst du mit "margin" verschieben. Den Text auch mit "margin" oder "padding". Den Link einfach per <a href.. setzen.

Um dir da detailliert weiter zu helfen bräuchte man die CSS Datei und die Seite "live" sichtbar.
 
statt

#headcontainer {
width:100%;
margin: 0 auto;
padding:0;
background:#000;
overflow: hidden;
border-bottom:1px solid #999;
}


#headcontainer {
width:100%;
margin-top: -**px; <- betray der px nacho oben
margin-right: auto;
margin-left: auto;
padding:0;
background:#000;
overflow: hidden;
border-bottom:1px solid #999;
}
 
  • Gefällt mir
Reaktionen: Feli
Oh prima, dass probiere ich gleich mal aus! Danke!
 
ich kann headcontainer nirgends in der style-default.css finden :teeth:
 
Code:
[COLOR="red"]<p>[/COLOR]<img*src="wp-content/themes/pure2pro/images/header.jpg"*
********width="300"*height="217">[COLOR="red"]</p>[/COLOR]

Mach mal den Absatz raus (rot markiert). Dann rutscht der Header von alleine nach oben. Abstand vom Rand oben dann wie von beyco erwähnt mit margin-top und der gewünschten Pixelanzahl definieren.
 
  • Gefällt mir
Reaktionen: Feli
es ist jetzt so:
PHP:
<div id="header">
        <div id="headerlogo">
        <img src="wp-content/themes/pure2pro/images/header.jpg" 
        width="300" 
        height="217" 
        margin-top="-100"
        >
        
        </div>
ich hab auch margin-top="-100" und margin-top:"-100" ausprobiert, aber da ändert sich auch nix. Bild is immer noch genau mittig zentriert *grummel*

die <p></p> waren Überreste von mir. Da war ja vorher n Text (zweizeilig) und den hab ich ja gegen das Bild ausgetauscht. :D :cool: :eek:
 
Schau mal in der style-Default.css nach #headerlogo und passe dort die Werte an. Ich verweise mal auf meinen Tipp von Post #5. Firebug ist wirklich ein super Werkzeug um Änderungen am Code einer Webseite auszuprobieren. ;)
 
  • Gefällt mir
Reaktionen: Feli
Ich korrigiere mal :D

Code:
<div id="header">
	<div id="headerlogo">
        <img src="wp-content/themes/pure2pro/images/header.jpg" width="300" height="217" style="margin-top: -100px;" alt="Logo" />
	</div>  
</div>
 
  • Gefällt mir
Reaktionen: Feli
Ich korrigiere mal (…)

Ähm … ja, aber relativ unschön wenn das Element "headerlogo" schon im Stylesheet definiert ist. Dort gehören die Formatierungen hin und nicht in das php-File.
 
  • Gefällt mir
Reaktionen: Feli
Schon klar ... weil sonst Spagetti markup. hab nur Bestehendes etwas zurechtgerückt.
Neagtive Margin Werte sind btw auch nicht schön
 
Ich korrigiere mal :D

Code:
<div id="header">
    <div id="headerlogo">
        <img src="wp-content/themes/pure2pro/images/header.jpg" width="300" height="217" style="margin-top: -100px;" alt="Logo" />
    </div>  
</div>

:freu: :freu: :freu: das war es!!!!! DANKE!!!!!!!!
 
Zuletzt bearbeitet:
Schau mal in der style-Default.css nach #headerlogo und passe dort die Werte an. Ich verweise mal auf meinen Tipp von Post #5. Firebug ist wirklich ein super Werkzeug um Änderungen am Code einer Webseite auszuprobieren. ;)

Hab ich! Außerdem ColorZilla und CSSedit! Das zusammen mit selfhtml und google hat mir echt enorm geholfen!!!
Ich hab echt schon richtig viel am Theme geändert!!! Wenn ich fertig bin und die webseite online is, poste ich sie mal :cool:

Nu mach ich mal weiter, hier und da gibts noch ein paar Kleinigkeiten zu tun! Nochmal DANKE für eure Mühe!
Ich hoffe ich schaff den Rest alleine :girli:

- Seitentext höher ziehen
- Abstand von Seitentext nach unten zum Footer verringern
- Headerbild verlinken
- ich glaub das wars

Geändert hab ich schon:
- Farben im Menü
- Text - Farbe(n) der Links
- Header Text zu Header Bild
- Breite des Bodys
- Breite des Textes
- Elemente aus dem Menü gelöscht (Twitter, To Top und Home)
- Elemente aus dem Footer gelöscht
- Text und e-mail Link in den Footer gepackt
- Rest hab ich gerade vergessen
 
Zuletzt bearbeitet:
Zurück
Oben Unten