Content Probleme (Background Images)

    Ja erstmal Hi miteinander, bin neu hier =].

    Ich habe mich entschlossen nun auch einmal nach zahlreichen selbstgebastelten Pages auf das nun so beliebte Wordpress umzusteigen.

    Soweit auch absolut kein Problem ;). Ich kenne mich mit Wordpress noch eigentlich kaum aus, will aber nun ein gedownloadetes Design auf meine Wünsche anpassen. Nun zu meinem Problem.

    Ich möchte hinter dem Titel eines Posts und hinter dem eigentlichen Post ein Background Image einfügen. Das habe ich ja soweit auch geschafft *lach*. Allerdings muss der Titel des Posts ein paar Pixel weiter runter und einige Pixel weiter nach rechts. Nach zahlreichen Versuchen im Stylesheet ist es mir immernoch nicht gelungen dieses zu Realisieren ;D.

    Das 2te Problem ist der Post-Hintergrund. Ich konnte es einfügen (bitte einmal applaudieren :P) aber man sieht ja wie verrutscht das ganze nun ist.

    Deshalb bitte ich euch, helft mir =[ *heul*.

    Einige Details:
    - Link zum Blog

    - Auszüge meines Stylesheets:


    Hoffe die Informationen reichen, um mein Problem zu schildern.
    Ich bedanke mich schonmal im Vorraus bei allen, die es wenigstens versuchen, einem "neuen" zu helfen =].

    MFG
    Tim

    Einmal editiert, zuletzt von planuX (25. April 2006 um 16:57)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Zitat von planuX
    Code
    .post 
{   
    padding:0px 10px 0;    
 
}

    Die 10px scheinen nicht zu stimmen. Mach mal 0 raus. So wie ich mir das grade im Kopf versuche vorzustellen müsste das ganz links dieser braune Bereich wegsein.

    Kannst auch mal den entsprechenden Code aus der php Datei schreiben. Dann wirds vielleicht einfacher für uns ;)

    junger Mann,
    junge Frau

    wir helfen hier ehrenamtlich,
    ich weiß Dein Blog ist Dein Leben,
    aber dennoch wird es mehr als ein paar Stunden ausharren und überleben auch wenn es ein wenig verhunzelt aussieht...

    nimm Dir von dort drüben---gleich hinter der Supporttheke eine Riesenkanne Kaffee setz Dich zurück und übe Dich in Geduld...

    bis dann, wenn Du an der Reihe bist....

    (immerdiesezappelndenJungwpHühner...............:cool::cool:)


    edit:

    ochhhhhhhhh Waldscheisser --- verdirbst mir meinen ganzen hochsuperausgetüftelten pädagogischen Ansatz...

    An Monika:

    Tut mir Leid dass ich versucht habe zu "pushen". Ich wusste nicht dass das hier in diesem Forum ein so großes Problem darstellt, zu versuchen einen schnelleren Support zu bekommen. Aber mit Ihrem Beitrag wäre mir ja ebenfalls nicht geholfen gewesen.

    An Waldscheisser:

    Nachdem ich das "padding" auf 0px gestellt hatte hat sich kaum was geändert :). Siehe hier.

    Und welche PHP Datei sollte ich denn posten?

    Vielen Dank ;)

    Hallo PlanuX,

    habe mal Dein Problem nachgestellt und wahrscheinlich den Fehler gefunden.
    1. versuche mal folgende Werte in Deiner style.css:

    2. Du solltest die Grafik "Content_Main.jpg" anpassen, da sie nicht zu deiner "Content_Head.jpg" passt.

    Hoffe das Dir damit geholfen ist. Ich muss Monika allerdings rechtgeben. Einen Tag warten, bis man eine Antwort auf ein Problem bekommt, sollte schon drin sein.

    Vielen Dank für deine Antwort. Immerhin kommen wir dem Ziel ein Stück näher ;-). Allerdings hat sich nun das komplette Layout verzogen. Die rechte Seitennavigation hat sich nun komplett verändert und steckt nun in der mitte meines Designs *lach*. Hab absolut keine Ahnung was nun schon wieder los ist *heul* ;-(. Hab nun deinen modifizierten CSS Ausschnitt kopiert und meinen dadurch ersetzt. Und das ist das Ergebnis:

    *** Bitte Klicken ***

    Mein Kopf dampft schon ;). Die Aufregung und die Aggressivität steigt in mir *tuuht tuuuuuht - zug*

    Was ist denn nun schon wieder Falsch ? *lach*

    Achja und zu dem Content Bild, da geb ich dir absolut Recht ^^ Der Abstand der Ränder passt nicht ganz mit dem Content_Head.jpg überein =]

    Hallo planuX,

    habe gerade das Problem bei einer Tasse Kaffee und frisch ausgeruht gefunden. Das Problem liegt in einem kleinem Dreher in meinem Code.
    Ersetze bitte die '.post' Bereich durch:

    Code
    .post 
{
	margin:0px 0px 0px 10px; /* hier stellst du ein wie weit deine Content Box nach rechts verschoben werden soll. Habe mal 10px eingetragen. */
	padding:0px 0px 0;	
	background:url(img/Content_Main.jpg) repeat-y; /* auch hier lässt sich etwas einsparen ;-) */
}

    Der Fehler lag im letzten '*/' Tag, wo ich versehentlich '/*' getippt hatte, wodurch der Kommentar nicht geschlossen wurde. Kleiner Fehler, aber große Auswirkung.

    Da es mein Fehler war, habe ich Dir mal deine Content_Main.jpg überarbeitet (siehe Anlage) :D

    Greetz
    Weber-NRW

    Okay ... Man sieht es klappt soweit ;). Das mit dem "Content_Main.jpg" wäre doch nicht nötig gewesen, du hilfst mir doch durch das Problem mit dem Stylesheet genug ;). Danke Trotzdem =].

    Nun habe ich noch weitere Fragen ;(.

    1. Kann man den Content auch abschließen ?
    Also praktisch ein "Content_Footer.jpg" einbinden der dann unter dem "No Comments »" als Background ist ?

    2. Warum ist bei den News (Section: Home) der Titel Rot und bei Über Mich der Titel Orange ? Ich habe nun solange in dem stylesheet gesucht und nichts gefunden ;(.

    3. Wenn man z.B. auf "Mein WoW Char" klickt, kann man ja Kommentare abgeben. Allerdings ist der Titel vom Formular wieder verschoben. Siehe:
    *** Hier ***

    Wenn wir das noch schaffen geb ich dir nen Bier aus :P

    Vielen Vielen Dank an alle die mir geholfen haben bzw. es noch werden. Besonderen Dank geht an Weber-NRW :)

    okay, das erste Problem habe ich glaube hier:
    Ersetze


    durch

    nach deinem Content_Footer gucke ich mal, hast du denn schon eine Grafik dafür?

    Okay das erste problem wäre gelöst =]. Danke!

    Ja ich habe bereits die Grafik erstellt. Du findest sie Hier.

    Nun nur noch den roten Titel weg bekommen und den content_foot einbauen ;)

    Danke nochmals!

    Und hier der nächste Workaround:
    STYLE.CSS:

    Code
    .post-content {
    margin-right: 5px;
    padding: 10px 20px 10px 10px;    
}


    COMMENTS.PHP:
    Am Anfang fügst du folgendes ein

    Code
    <div class="post-content">

    und am Ende dementsprechend

    Code
    </div> /* closes the post-content div */


    -------------------------------------------------------
    Aber nun zu Deinem Content Footer:

    Code
    .contentFooter {
    background:url(img/Content_Foot.jpg) no-repeat bottom;
    height:10px;
    margin-left: -10px;
}


    und in der index.php (Haupt Index Template) fügst du vor

    PHP
    <?php endwhile; else: ?>


    noch dieses ein

    Code
    <div class="contentFooter"></div>


    -------------------------------------------------------
    Und nun zum letzten Problem:

    Code
    .post-title a:link 
{
    color:#FFCC00;
    text-decoration:none;
    border-bottom:none;
}

    Okay hat alles wunderbar funktioniert .... wie versprochen kauf ich dir ma nen Bier*lach* ;)

    Aber der Content_Footer wird ja nun nur auf der Hauptseite angezeigt. Wenn ich jetzt zum Beispiel auf den Link Impressum klicke ist er nicht da. Das heist ich muss das irgendwo noch in der Comments.php einfügen oder?

    Vielen Vielen Dank =] Hast mir sehr viel weiter geholfen ;)

    Schattenkinder habe ich mal gelesen, warum?

    Ach ja, bevor du fragst hier schon die Antwort:
    ersetze

    Code
    #main {
	float: left;
	width: 540px;
	margin: 0;	
	padding: 20px 10px 35px 5px;		
	display:inline;	
}

    durch

    Code
    #main, #content {
	float: left;
	width: 540px;
	margin: 0;	
	padding: 20px 10px 35px 5px;		
	display:inline;	
}


    Dann stimmt auch Dein Gästebuch ;)

    Jo, bei den Schattenkindern is ein Kumpel von mir (Bigdani)..

    Ahmm ja, hätte das mit dem Gästebuch geklappt wärste mein Held gewesen ;) allerdings hats ned funktioniert :))

    Ein habe ich noch für Dich ;-)

    Tausche doch mal Deine Content_Footer.jpg durch die angehängte aus und ändere in der style.css folgendes:

    Code
    .contentFooter {
    background:url(img/Content_Foot.jpg) no-repeat bottom;
    height:2px;
    margin-left: 0px;
}


    und guck Dir dann mal den Abschluss Deiner Box an. Sieht doch besser aus, oder?

    Zitat von planuX

    Ahmm ja, hätte das mit dem Gästebuch geklappt wärste mein Held gewesen ;) allerdings hats ned funktioniert :))

    Warum was stimmt denn nicht mit dem Gästebuch? Als ich mir das vorhin mal angesehen habe, war die Sidebar nach unten verrutscht. Das ist Sie jetzt nicht mehr. Du musst nur noch das div-Tag einfügen, dann sollte das doch fertig sein. Oder stimmt das sonst noch was nicht, was ich nicht gesehen habe????

    Okay, die Überschrift hätte ich noch anzubieten:

    Code
    .post-title, .post h2
{
	padding-left:25px; /* hier stellst du ein wie weit dein Titel nach links verschoben werden soll */
	padding-top: 7px; /* hier stellst du ein wie weit dein Titel nach unten verschoben werden soll */	
}

    Ahhh ... nun ist die sidebar nicht mehr runter gerutscht ... ahh ist mir nicht aufgefallen sorry ;)))

    Und wo muss ich beim gästebuch das <div> tag einfügen ? Guestbook.php ? ;))

    Und ja, deine Grafik sieht besser aus und nimmt weniger Platz (Dateigröße und Bildgröße) in anspruch ;)

    DANKE DANKE ;))

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden