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

wie icons beschriften und untereinander? Theme Architecture

Dieses Thema im Forum "Design" wurde erstellt von gericoach, 12. Mai 2016.

Seite 1 von 2
  1. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    Ich versuche, die Sprachlink-Icons im Header von http://casaverania.com untereinander zu setzen statt nebeneinander und sie jeweils zu labeln (siehe Bild).
    Leider zerschieße ich mir laufend die Seite. Die Drei sind eigentlich Social-Icons, die in den Themeoptions hinterlegt sind. Habe die Bilder gewechselt und die Links entsprechend vergeben.
    Habe versucht, hinter den jeweiligen Aufruf in der header.php, ein echo zu setzen, was aber wohl Quark war.
    Hat jemand einen Vorschlag für mich?

    Innerhalb body-tag:
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Codebeispiel in der Optionspage (nur die ersten 3):
    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Originaltheme: http://demo.goodlayers.com/?theme=architecture
     

    Anhänge:

    #1 gericoach, 12. Mai 2016
    Zuletzt bearbeitet: 12. Mai 2016
  2. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    die Links kannst in den Options einfügen => richtig

    Sprachenlinks sind dochmeist dynamisch,
    d.h. bin ich auf Unterseite X schickt mich der Sprachenlink zur Unterseite X in Englisch

    wie kannst das mit deiner Methode umsetzen?

    und die Fahnen setze mit CSS und der Pseudoklasse "before"
     
    #2 Monika, 12. Mai 2016
  3. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    in den options sind die social links so aufgeführt, dass sie noch ihren link bekommen. Also habe ich ne Multisite gemacht und die jeweiligen links zu den andersprachigen seiten rein geschrieben. Und eben die Bilder (FB, Twitter usw.) gegen Flags ausgetauscht. Also relativ easy. Die Fahnen sind doch schon drin. Ich möchte (s. Bild) nach den Flaggen English, Espanol und Deutsch als Schrift haben und die 3 untereinander statt nebeneinander.
    Es geht also um ne Erweiterung durch Label und neupositionierung der Drei.
     
    #3 gericoach, 12. Mai 2016
  4. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    #4 Monika, 12. Mai 2016
  5. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    danke für die Mühen. Verstehe ich dich richtig, dass du empfielst, es komplett neu zu bauen? Wäre mir natürlich lieber, auf Basis des Vorhandenen zu agieren...
     
    #5 gericoach, 12. Mai 2016
  6. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    css Regeln

    kein Eingriff in die Templates nötig

    sprichst du via css die "URL" an, überschreibst du leicht nur das was du magst und brauchst die anderen ICONs vermutlich per CSS gar nicht anfassen
    außer du magst sie wirklich so in der letzten Reihe

    aber gut, wer hochkomplexes mag, sollt es haben;
    unabhängig, dass ich den Bruch im Layout bei den ICONS nicht ganz verstehe, aber muss ich ja auch nicht :)


    als "solide css Bauerin" tät ichs so mit "gefakten Tabellen via CSS" umsetzn
    sonst brauchst position absolute um die anderen ICONs unten zu halten oder die anderen hochzuschieben

    position absolute und mobil ist immer ein Quircks :(
     
    #6 Monika, 12. Mai 2016
  7. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    Du sprichst (schreibst) in Rätseln. Ist das Ösi-deutsch :) ?

    welchen Bruch meinst du? Habe ldiglich die vorhandenen Social Icons neu definiert um eben nicht am Code fummeln zu müssen.

    Häää? :) Auch das verstehe ich nicht so ganz (garnicht)

    Hier übrigens der style der social icons:
     
    #7 gericoach, 12. Mai 2016
  8. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    lies den Artikel von Justin Tadlock

    da wird beschrieben wie du eine URL anhand ihrer "Adresse" via CSS gstalten kannst

    das was du da haben magst ist "nichts einfaches CSS"

    drei Icons untereinander die anderen in derselben Linie wie das letzte ICON das untereinander ist

    das "malt" sich rasch, ist aber nicht einfach :)
     
    #8 Monika, 12. Mai 2016
  9. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    Yep, da verstehe ich Dich zu 100%. Mein Bruder (der "Auftraggeber") hätte gerne diese "kleine Änderung" asap. Danke für den Link.
     
    #9 gericoach, 12. Mai 2016
  10. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Nur ganz grob, wenn es nicht dynamisch sein soll:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Fehlt natürlich noch der Teil für mobile Endgeräte.
     
    #10 SirEctor, 12. Mai 2016
  11. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Jetzt sind die Icons weg. Wollte gerade noch mal bzgl. der Beschriftung schauen....

    Edit:
    Versuch es mal nach diesem Schema
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #11 SirEctor, 12. Mai 2016
    Zuletzt bearbeitet: 12. Mai 2016
  12. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    Danke Sir! Hatte es noch nicht umgesetzt. Mein Versuch, es via "neues Menü" und "before/after" sieht mistig aus und hat nicht das gebracht, was ich haben wollte siehe link

    Deinen 2. Anlauf habe ich nicht verstanden...werde mal Teil 1 umsetzen. War Teil 1 nur ein grobes Muster oder bezog er sich konkret auf die Seite/style.css?
     
    #12 gericoach, 12. Mai 2016
    Zuletzt bearbeitet: 12. Mai 2016
  13. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    ich weiß, es soll nebeneinander stehen
    aber so siehts doch gut aus

    eindeutig besser als nebeneinander
    weil es ein "gewohntes Pattern" nun ist
     
    #13 Monika, 12. Mai 2016
  14. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    Ja Monika, ist schon ganz nett anzusehen. Nun wird aber das Logo nach unten gedrückt und damit der Background, weil die UL der Icons über die volle Breite geht. Hatte dem logo schon einen hohen z-index gegeben, leider völlig ohne Wirkung.
     
    #14 gericoach, 12. Mai 2016
  15. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    naja dann beschränk den umspannenden Container in seiner Breite
     
    #15 Monika, 12. Mai 2016
  16. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    er ist bei 550px, das logo lässt sich aber nicht nach oben schieben.
     
    #16 gericoach, 12. Mai 2016
    Zuletzt bearbeitet: 12. Mai 2016
  17. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    gib dem Logo einfach ein margin-top:-20px; oder ähnlich

    Edit: oder du gibst dem #menu-flags ein display:inline-block;
     
    #17 SirEctor, 12. Mai 2016
    Zuletzt bearbeitet: 12. Mai 2016
  18. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0

    :) dachte immer, minus ist böse...aber hier klappt es, danke!
     
    #18 gericoach, 12. Mai 2016
  19. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Warum soll minus böse sein? Wenn man es richtig einsetzt, ist es handzahm :p
     
    #19 SirEctor, 12. Mai 2016
  20. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    :) "in der Tat..." yo, passt auch auf dem Smartphone ganz gut. Bin mal aufs Feedback gespannt. DANKE Euch Beiden für die Hilfe!!!
     
    #20 gericoach, 12. Mai 2016
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
Seite 1 von 2
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden