• Hallo,

    da mir hier schonmal gut geholfen wurden, wollte ich nochmal was nachfragen.

    Wenn man auf http://www.sparchef.de geht und dann das Browserfenster verschiebt, wird das Bild + zum Dealbutton in den Text geschoben. Responsiv Design auf dem Handy ist ja das gleiche dann. Das kann natürlich nicht so bleiben und ich wollte fragen, wie ich das verbessern kann.

    Beim Ie wird es noch ein bisschen extremer falsch angezeigt. Firefox wird das Bild bei mir rechts aus dem Kontent gedrückt.

    Das Bild mit dem Dealbutton soll eigentlich über den Text und unter die Überschrift.


    zusammen mit der Content.php und den Custom Advanced Field(Dealbutton)

    • 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

  • umgib den Deallink mit einem div und einer css Klasse
    dann kannst du dieses float vom Bild auflösen und den Deallink dorthin schieben wo du ihn haben magst :-)

  • Entweder ich hab es richtig verstanden oder zumindest sieht es besser aus als vorher :D

    Nachher Mobile:

    Nachher Desktop:

    Was hab ich gemacht?

    Bußmann IT - Ihr IT Dienstleister - auch WordPress!

  • Entweder ich hab es richtig verstanden oder zumindest sieht es besser aus als vorher :D

    Nachher Mobile:

    [ATTACH=CONFIG]12567[/ATTACH]

    Nachher Desktop:

    [ATTACH=CONFIG]12566[/ATTACH]

    Was hab ich gemacht?

    [ATTACH=CONFIG]12568[/ATTACH]

    Hallo,

    danke schonmal für die Antworten. Wie hast du es denn geschafft, die seite auf deinem Space hochzuladen und dort zu bearbeiten? oder wie geht sowas?

    Was muss man denn genau aus der style.css jetzt löschen und einfügen? das graue oder das durchgestrichene`? oder einfach 1zu1 so einfügen?

  • Hallo,

    danke schonmal für die Antworten. Wie hast du es denn geschafft, die seite auf deinem Space hochzuladen und dort zu bearbeiten? oder wie geht sowas?

    Was muss man denn genau aus der style.css jetzt löschen und einfügen? das graue oder das durchgestrichene`? oder einfach 1zu1 so einfügen?

    sowas geht via Browser Addon => Developer Toolbar
    oder du hast einen Browser, der die von sich aus gleich mit dabei hat ...

  • Wie hast du es denn geschafft, die seite auf deinem Space hochzuladen und dort zu bearbeiten? oder wie geht sowas?

    wget -r -l0 http://www.sparchef.de

    Ne Spaß bei Seite. Wie Monika schon sagte: http://getfirebug.com/
    Du kannst im Firefox auch einfach F12 drücken oder im Chrome auch.
    Funktioniert auch ohne Plugin ^^

    Was muss man denn genau aus der style.css jetzt löschen und einfügen? das graue oder das durchgestrichene`? oder einfach 1zu1 so einfügen?

    Also entweder du guckst in die Theme Einstellungen über WordPress, ob du da etwas anpassen kannst.
    Oder du gehst per FTP oder 1&1 WebSpace Explorer in den Ordner und passt die style.css automatisch an.
    Kann aber sein, dass die "generiert" wird.

    Bußmann IT - Ihr IT Dienstleister - auch WordPress!

  • wget -r -l0 http://www.sparchef.de

    Ne Spaß bei Seite. Wie Monika schon sagte: http://getfirebug.com/
    Du kannst im Firefox auch einfach F12 drücken oder im Chrome auch.
    Funktioniert auch ohne Plugin ^^


    Also entweder du guckst in die Theme Einstellungen über WordPress, ob du da etwas anpassen kannst.
    Oder du gehst per FTP oder 1&1 WebSpace Explorer in den Ordner und passt die style.css automatisch an.
    Kann aber sein, dass die "generiert" wird.


    Hallo,

    verstehe einfach nicht was du meinst,

    ich habe hier meine style.css. Was genau soll ich da jetzt ändern. In deinem " so hab ichs gemacht Bild" sind zweimal entry thumbnail :(.

    so aus zurzeit. Was soll ich da wo ändern :D.? habe ja per ftp zugriff drauf.


    Habe aber noch weitere Fragen. Nur langsam werden das ziemlich viele fragen :(.

    1. Wenn man eine Seite erstellt z.b http://sparchef.de/datenschutz/ und die Sidebar länger ist, als der Maincontent. Ist unten immer viel spaß ohne weißen Hintergrund. Einfache Lösung den Hintergrund bis zum Footer weiß zu machen? oder wäre das zu aufwendig.

    2. Habe jetzt mal mit Buddypress rumgespielt. Soweit auch oben ein Menu hinbekommen wo Logout und Login gezeigt werden ( Neben Facebook und Twitter) Ganz oben ist aber jetzt noch eine Buddypress Adminbar. Kann man die bar irgendwie in den oberen header links neben facebook setzen? Oder ggf nur "angemeldet als" damit man auf sein profil klicken kann? + ggf noch inbox". Zur zeit ist das in der sidebar drinnen. Wenn man sich einloggt wird einem dann der username angezeigt. Ich will nur den Username bzw das kleine profilfoto links neben facebook. Ohne die zwei riesen name und password felder zum einloggen.

    3. Was muss man jetzt eigentlich noch alles absichern? Buddypress läuft ja über die normalen WordpressLogin. Kann man die jetzt noch mit .htpassword absichern? was sollte man noch alles an sicherheitsmaßnamen treffen?

    4. weiterlesen! links, sind mal grün und mal rot xD woran liegt das genau?

    5. Wäre es vielleicht sinnvoller einen Coder/Designer zu bieten gegen Geld die Seite fertig zu machen?

    Einmal editiert, zuletzt von maltino (6. Juli 2015 um 18:57)

  • ich habe hier meine style.css. Was genau soll ich da jetzt ändern. In deinem " so hab ichs gemacht Bild" sind zweimal entry thumbnail

    Ja weil er im Browser guckt welche Styles alle zutreffen und auch über welche Definition.
    Deswegen hat er es zweimal etc.

    Mach einfach aus dem...

    ein

    4. weiterlesen! links, sind mal grün und mal rot xD woran liegt das genau?


    Einmal sind die halt nicht angeklickt und einmal sind die halt angeklickt.
    Kannst du steuern per :visited etc. -> http://www.mediaevent.de/css/css-selektor-pseudo.html

    3. Was muss man jetzt eigentlich noch alles absichern? Buddypress läuft ja über die normalen WordpressLogin. Kann man die jetzt noch mit .htpassword absichern? was sollte man noch alles an sicherheitsmaßnamen treffen?


    Sicheres Passwort hast du?
    Ansonsten ja als Zusatz halt ne htpasswd über die htaccess, damit du 2 Logins hättest. (Einmal vom Apache aus und einmal per WordPress)

    5. Wäre es vielleicht sinnvoller einen Coder/Designer zu bieten gegen Geld die Seite fertig zu machen?

    Bevor ich wieder Ärger bekomme (:D) -> Frage mal hier: http://forum.wpde.org/jobboerse/

    Ich würde dir empfehlen einfach zu gucken was du "schnell" schaffst.
    Bei Dingen die dich aufhalten kannst du uns hier fragen oder eben auch direkt einen günstigen Entwickler beauftragen.

    Bußmann IT - Ihr IT Dienstleister - auch WordPress!

  • ....

    1. Wenn man eine Seite erstellt z.b http://sparchef.de/datenschutz/ und die Sidebar länger ist, als der Maincontent. Ist unten immer viel spaß ohne weißen Hintergrund. Einfache Lösung den Hintergrund bis zum Footer weiß zu machen? oder wäre das zu aufwendig.....


    Du suchst dir in der style.css des Parent Themes


    .container{width:1150px;}

    drumherum steht was von max width

    das kopierst du und schreibst

    in die style.css des ChildThemes


    .container {background:white;
    width: 1150px;
    }


  • Danke hat im f12 schonmal funktioniert. Werde es aber dann später mit reinschreiben. Vielen Dank! Jetzt weiß ich wenigsten schonmal wo ich es später dann reinsetzen muss


    Danke schonmal für deine Hilfe. Habe es geändert und hat auch wirklich funktioniert.
    Jetzt habe ich aber wieder ein neues Problem.

    1. Ich möchte über das Dealbild ein anderen Bild mit " Exclusiv oder Hotdeal " schräg drüber setzen. Wenn man sich z.b http://sparchef.de/page/4/ oben den Deal anguckt.. Dann ist dort ein Bild Links und rechts das eigentlich Deal bild. Das grüne dicke bild ist nur als beispiel gedacht.

    Ich habe dann mal versucht dem Bild (dem grünen eine class zuzuweisen) und dem featured img ist ja schon eins zugewiesen.

    Gedacht habe ich es mir dann so.

    Habe einfach in der content.php ein custom feld platziert und dann im beitragseditor ein bild reingelegt und eine klasse dem bild zugewiesen. Leider geht das dann im wsyiswg editor nur per " link hinzufügen und unten css klasse .exclusivdeal eintragen, weil wenn man in den html/text modus umswitched nur oben der editor umswitcht aber nicht die felder unten.


    Dem Exclusive eine Klasse zuweisen und z-index auf 1
    Dem Featured img in die Class z-index 0 reinsetzen (klasse schon vorhanden)

    Habe jetzt nochmal alles gelöscht. wie kann ich es deiner meinung wohl besser angehen?

    Einmal editiert, zuletzt von maltino (11. Juli 2015 um 22:15)

  • Habe jetzt nochmal alles gelöscht. wie kann ich es deiner meinung wohl besser angehen?

    Und weil du kein Screenshot angefügt hat verstehe ich deinen ganzen Text darüber nicht mehr. Sorry ^^

    Also du möchtest im Endeffekt "über" als "auf" den normalen Produktbildern noch so "Fähnchen" dran haben?
    So beispielsweise wie MyDealz?

    Dann gehst du doch schon mal den richtigen Weg. Du hast im Endeffekt ein darüber liegendes Div welches dann das Bild beinhaltet.
    Normalerweise gibt man den Produkten dann die Klasse "extra-banner" oder so und dann legt man ein background-image dafür fest.
    Also du hast das Produktbild und dann eben noch nen Bild, .png, transparent, welches den Banner beinhaltet.

    Und schwupps hast du "Hot" oder so darüber.
    Anstatt den Text ins Bild zu packen kannst du auch wirklich ein Div darüber legen und diesem dann einen Text hinzufügen.
    -> Suchmaschinenoptimiert (SEO)

    Oder was genau wolltest du?

    Bußmann IT - Ihr IT Dienstleister - auch WordPress!

  • Ja genau sowas suche ich und auch sowas wie in den ersten beiden Screenshots.

    Momenan fügt man ja die Featured Images direkt über Wordpress hinzu. Neues Div anlegen weiß ich wie das geht. Aber wie kann man dann der Seite sagen, dass in dem Div ein Extra Bild(Baner, Exclusiv etc) natürlich nur für den Deal geladen wird? Habe jetzt mal den Container ungefähr mit eingezeichnet damit man sieht wo die bilder hinsollen. Auf der Seite hat der natürlich keinen border. :) und die bilder sind nur als beispiel gedacht.


    Oder halt sone Fahne wie Sie das im Screenshot schon richtig gemacht haben.

    Gibt es eigentlich eine möglichkeit die Buddypress Profil seiten zu bearbeiten? google liefert nicht wirklich aussagekräftige Seiten.
    Oder geht das nur per functions.php


    Zudem habe ich ja ganz oben einmal ein menü und einmal das logo eingefügt. Wenn man jetzt aber die Seite kleiner machen verschiebt sich das alles nach links. EIgentlich auch gut, nur leider ist das "sparchef.de" logo dann ausserhalb des bildschirm und man sieht nur chef.de

    Habe dafür einen wirren css code genommen und einfach das bild da reingeschauen :D

    Code
    .topsparchef {position:relative;left:-71%;float:right}
    .topsparchef ul {position:relative;left:71%}
    .topsparchef li {display:inline;border-right:1px solid #525252;line-height:normal;padding:0 10px}
    .topsparchef a,.container-inner a:visited {color:#FFFFFF;text-decoration:none}
    .topsparchef a:hover {text-decoration:underline}
    .topsparchef li:last-child {border-right:none}
        }
    Code
    <div class="top">
    <a href="http://www.sparchef.de"><div class="topsparchef"><img src="http://www.sparchef.de/wp-content/themes/hiero-child/sparchef2.png" alt="Selfhtml"></a></div>

    Kann man das Bild irgendwie an der Stelle fixieren?

    danke schonmal. Hätte gerne das Wissen von Ihnen. Dann hätte man mehr möglichkeiten :(


    Mfg

  • frage an monika

    hallo monika,

    vielleicht können Sie mir kurz helfen. Ich habe oben die Navigation(Menu) und zwischen dem <div class="top"> und der navigation ist ein winzig kleiner spalt. ich habe schon versucht alle padding und margins auf 0 zu setzen, jedoch ohne erfolg.

    Haben Sie eine Idee?

  • Schade das die Frage nur an Monika ging :-(

    Ich hätte sonst geantwortet, dass du es mit

    Code
    .top {overflow:hidden;}


    oder

    Code
    .top {line-height:20px;}


    versuchen könntest. Aber brauche ich ja so nicht.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Schade das die Frage nur an Monika ging :-(

    Ich hätte sonst geantwortet, dass du es mit

    Code
    .top {overflow:hidden;}


    oder

    Code
    .top {line-height:20px;}


    versuchen könntest. Aber brauche ich ja so nicht.

    Habe eben auch nochmal ausprobiert und es liegt an dem menu oben rechts in der ecke. da wo login und sowas drin steht.


    speziell an

    PHP
    <?php wp_nav_menu( array( '' => '', 'theme_location' => 'top' ) ); ?> <<<---

    probiere dann gleich nochmal deins aus.

  • Sonst kannst du auch

    Code
    ul#menu-login {
      margin: 0 0 0 25px;
    }


    versuchen. Führt alles zum gleichen Ergebnis.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Sonst kannst du auch

    Code
    ul#menu-login {
      margin: 0 0 0 25px;
    }


    versuchen. Führt alles zum gleichen Ergebnis.

    Danke habe jetzt
    line-height:20px; mal im browser testmodus genommen und funktioniert. Vielen Dank! werde es morgen dann zusammen mit ein paar anderen änderen einbringen!!

  • Sonst kannst du auch

    Code
    ul#menu-login {
      margin: 0 0 0 25px;
    }


    versuchen. Führt alles zum gleichen Ergebnis.


    kannst du es dir nochmal anschauen? haben jetzt oben ja das widget und wie kann ich dort jetzt nur diese linie entfernen? normalerweise ist die ja unter dem widget title aber hier will ich kein titel haben. (oben im blauen) haben schon probiert aber entweder sind alle linien weg oder keine :D.

    wollte eigentlich direkt in der widget.php von dem widget das rauslöschen aber finde auch nicht die php vond me widget. gibt es eine möglichkeit per css?

    die css von dem widget ist die wo am anfang

    Code
    /*=============================================
    Yuzo in post
    ==============================================*/

    steht jedoch muss man runter zu

    Code
    /*=============================================
    Yuzo in widget scrollen.
    ==============================================*/

    vielleicht hilft das ja

Jetzt mitmachen!

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