1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Ich werd hier noch irre bei den custom fields! HILFE!!!

Dieses Thema im Forum "Design" wurde erstellt von lumo, 18. April 2008.

  1. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    also ich versuche gerade mir ein neues layout zu erstellen und diesmal mit custom fields. diese will ich dauerhaft nutzen. also jeder atikel soll eines haben. habe hier mal ein teilausschnitt aus photoshop wies aussehen soll: http://www.ludk.de/guck.jpg
    (text und bild ist natürlich nicht der richtige :p )
    das mit dem datum und der headline war alles kein problem, auch das mit dem "overflow:hidden" (wegen bildausschnitt), aber wie bekomm ich jetzt am besten das bild bzw custom field dahinter???? probier hier schon ewig, muss aber irgendwie funzen. versteh das alles nicht und bin echt am verzweifeln!!! :( . hab das auch schon einbauen können, aber nur darunter und darüber... habs auch mal irgendwie geschafft das bild übers datum zu bekommen... aber nicht darunter! bitte helft mir :(

    lg lumo
     
    #1 lumo, 18. April 2008
    Zuletzt bearbeitet: 18. April 2008
  2. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Es wäre nett wenn du den entsprechenden Code mal posten würdest, oder noch besser einen Link.
     
  3. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    LUDK.DE
    das ist meine seite. Da soll jetzt unter das datum und headline ein custom field gelegt werden... ein bild, wie oben im screenshot. hatte mir jetzt nen kleinen code von hier geholt WordPress benutzerdefinerte Felder (Custom Fields) - bueltge.de [by:ltge.de]
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

    das ist der code und den hatte ich irgendwo in der index.php eingebaut. dann hab ich mal 2 artikel mit customfield erstellt. also mit dem key "image_des_beitrags" und einem bild. soweit war auch alles gut. aber in der css bekomm ich das ding nicht verschoben. wills ja unter datum und titel haben... hatte gedacht mit padding und z-index klappts, aber irgendwas mach ich wohl falsch. komm da echt nicht weiter :( . hoffe du/ihr könnt mir jetzt bei meinem prob helfen
     
  4. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    LUDK.DE
    das ist meine seite. Da soll jetzt unter das datum und headline ein custom field gelegt werden... ein bild, wie oben im screenshot. hatte mir jetzt nen kleinen code von hier geholt WordPress benutzerdefinerte Felder (Custom Fields) - bueltge.de [by:ltge.de]
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    das ist der code und den hatte ich irgendwo in der index.php eingebaut. dann hab ich mal 2 artikel mit customfield erstellt. also mit dem key "image_des_beitrags" und einem bild. soweit war auch alles gut. aber in der css bekomm ich das ding nicht verschoben. wills ja unter datum und titel haben... hatte gedacht mit padding und z-index klappts, aber irgendwas mach ich wohl falsch. komm da echt nicht weiter :( . hoffe du/ihr könnt mir jetzt bei meinem prob helfen. lg lumo
     
  5. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Also funktionieren die Custom Keys, nur die Darstellung per CSS bekommst du nicht hin? Dann ist der Threadtitel aber ungünstig gewählt. ;)

    In deinem Code seh ich kein <img>-Element. Bau mal alles soweit ein (auch dein bisheriges CSS), und dann melde dich nochmal. (Warum alles einbauen? Weil ich dann mit meinem Firebug live testen kann.)
     
  6. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    also hab den code jetzte noch mal in die index.php eingebaut. und zack ist auch das bild wieder da... hab jetzt noch mal versucht mit css aber da klappt nicht mal das mit dem overflow... :'( . hatte so gedacht erst mal

    .image_des_beitrags {
    position: absolute;
    width: 248px;
    height: 100px;
    overflow: hidden;
    }

    aber geht nicht :( . was muss ich ab besten tun?
    was ist firbug? lg lumo
     
  7. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Im Template hast du noch vergessen, dem Bild die Klasse "image_des_beitrags" zuzuweisen. Ein Hinweis noch: z-index funktioniert nur mit positionierten Elementen (siehe Hinweis bei SELFHTML). Füge ich position:relative zu den Regeln für ".post .date" (Zeile 200) und ".post h2.title" (Zeile 247) hinzu, dann siehts schon fast so aus wie von dir gewünscht.

    Firebug: siehe mein Link oben. Eine sehr gute Debugging-Erweiterung für den Firefox. Eigentlich unverzichtbar für jeden Webentwickler. ;)
     
  8. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    aha ja super :D danke! . jetzt siehts schon ganz gut aus, ist aber leider immer noch nicht ganz bündig :( . wie kann ich das jetzt am besten noch ein wenig höher schieben?? mit padding und margin klappts leider nicht :(
     
  9. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Das Datum musst du etwas verbreitern. Ich habe
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    gewählt.
    Die Hintergrundgrafik für .post .title musst du wohl etwas verbreitern (ca. 3px). Zusätzlich ein negatives margin-left von -2px.

    Bei .image_des_beitrags hab ich den negativen margin nach oben auf -65px gesetzt.

    Ich denke damit siehts so aus wie von dir gewünscht.
     
  10. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    .image_des_beitrags geht leider nicht nach oben zu setzen... aus welchem grund auch immer.. netterweise hab ichs aber hin bekommen, das datum nach unten zu setzen :D . nur komischerweise klappt nun das gleiche nicht mit dem titel... der hängt da immer noch oben. den titel bekomm ich irgendwie nicht nach oben. woran liegt das nun schon wieder? die kleine lücke zwischen datum und titel soll übrigens sein :D . danke auf jeden fall schon mal. hat mich schon um einiges weiter gebracht. hoffe du kannst mir bei dem letzten "problemchen" noch mal helfen :D
     
  11. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Den .title bekomme ich so auch nicht hin, vielleicht muss da was gefloatet werden. Aber meine Variante mit dem negativen margin beim Bild geht definitiv. Vielleicht hast du da nur ein Problem mit der Reihenfolge. So gehts auf jeden Fall bei mir, das Bild rutscht unter Datum und Titel:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  12. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    hmm ne, hab den code ausgetausch. da regt sich nichts :( . weiß auch nicht was da los ist. warum klappt das denn nicht :( ??
     
  13. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Mmh, keine Ahnung. Eventuell ein Cache-Problem? Hast du die Seite mal mit Strg+F5 komplett neu geladen? Nur mit F5 kommen Teile der Seite evtl. aus dem Cache, grade die Stylesheets...
     
  14. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    hmm ja hab ich jetzt gemacht, aber bei mir siehts immer noch gleich aus. hab bei mir den code genau mit dem überschrieben den du mir gegeben hast, aber da ist nix passier :( . kannste ja noch mal gucken, aber so wie du gesagt hast, klappts irgendwie nich... könnte es vielleicht wo anders dran liegen?

    -----
    hab mir mal das tool firebug runter geladen. wenn ich da meine maus über in der obersten leiste (in der auch das suchfeld rechts ist) über die einzelnen divs halte, zeigt er mir mir ja blau makiert die dis an. bei der image_des_beitrags, zeigt er den oberen bereich gelb an.... also da wo das bild wohl sein sollte, denk ich mal :D . vielleicht muss ich da noch sowas angeben wie.. " top left"?
     
    #14 lumo, 20. April 2008
    Zuletzt bearbeitet: 20. April 2008
  15. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Offensichtlich nicht. Online steht immer noch folgendes in Zeile 298:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    In Zeile 188 und 244 definierst du .image_des_beitrags übrigens schon einmal, die Eigenschaften werden aber vollständig von der Regel in Zeile 298 überschrieben!
    Das siehst du sehr schön im Firebug, wenn du mit der rechten Maustaste auf dein Bild klickst und im Kontextmenü "Inspect Element" auswählst. Hier erscheinen jetzt rechts alle CSS-Regeln, die für dieses Element angewendet werden. Regeln die später wieder überschrieben werden, werden hier durchgestrichen.
    Ergo: Du solltest mal dein CSS aufräumen. ;)

    Übrigens: Das Datum rutscht dann ja wieder runter. Also bei .post .date (Zeile 204) mal das margin-top wieder auf 0 setzen.


    Hellblau ist das Element selbst, lila ist padding, gelb ist margin.


    Nein. Mit den paar Änderungen, die ich dir jetzt noch geschrieben habe siehts so aus wie du dir das wünschst. Ich häng dir zum Beweis auch mal nen Screenshot an (mit Firebug-Ausgabe - beachte die durchgestrichenen Eigenschaften rechts unten!).
     
  16. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    ja wie dumm von mir! jetzt seh ichs auch. hatte das sogar 3 mal drin!! :mrgreen:
    jetzt ists auf jeden fall ganau wie ichs wollte! vielen vielen lieben dank. hast mir echt voll geholfen, vor allem die erklärung für firebug. werd mich mal damit beschäftigen, scheint ein sehr gutes tool zu sein :D
    Und kann ich den text jetzt auch noch so fließen lassen wie in meiner vorlage http://www.ludk.de/guck.jpg oder wird es nur gehen, dass der text darunter läuft?
    danke lg lumo
     
    #16 lumo, 20. April 2008
    Zuletzt bearbeitet: 20. April 2008
  17. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    pssst, marX?? kannst dir das bitte noch n letztes mal angucken? LUDK.DE und da hab ichs jetzt so gemacht, dass der erste artikel anders aussieht als die anderen. leider hab ichs immer noch nicht selbst geschafft, dass die artiekel (also alle ab dem 2ten) so aussehen wie hier http://www.ludk.de/guck.jpg . will dass der text halt daneben fließt, oder ab besten dann noch in voller länge unter dem bild/custom field. kannste mir da noch nen tipp geben, bitte?? :oops: :)
    lg lumo
     
  18. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Ich würde dazu das ganze Datum/Titel/Bild-Gedöns in ein weiteres <div> einpacken, und dieses dann links floaten. Also in etwa so:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Statt dem Inline-Style kannst du natürlich wieder ne eigene Klasse verwenden. Eventuell wird es nötig sein, dem .post-Container noch ein clear:left mitzugeben (style.css, Zeile 222), oder nach dem <div class="entry"> noch ein <br style="clear:left" /> einzufügen. Das musst du mal ausprobieren.
     
  19. lumo

    lumo Well-Known Member

    Registriert seit:
    2. April 2008
    Beiträge:
    126
    Zustimmungen:
    0
    jaaaaa, genausofunktionierts, dickes danke :D

    lg lumo
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden