Dynamische Div's bei mehren Text Widgets in der dynamischen Sidebar

  • Hallo Liebe Gemeinde,

    ich komme mit einem neuen Hilfeschrei da ich es nicht finden kann.

    Möchte auf der startseite (startcontent) mit Text Widgets folgendes erzeugen.

    <!-- Eigene Dynamische Sidebar -->

    if ( function_exists('register_sidebar') ) {
    register_sidebar(array(
    'before_widget' => '<div class="grid_45 clearLeft"><div class="panelBackground" id="%1$s">'."\n",
    'after_widget' => "</div></div>\n",
    'before_title' => '<h2 class="panelheader">',
    'after_title' => "</h2>\n",
    'before_widget' => '<div class="grid_45 omega"><div>
    'name' => 'Start Hauptseite',
    'id' => 'start'
    ));
    <!-- Eigene Dynamische Sidebar variante 2 -->

    if ( function_exists('register_sidebar') ) {
    register_sidebar(array(
    'before_widget' => '<div class="grid_45 omega"><div class="panelBackground" id="%1$s">'."\n",
    'after_widget' => "</div></div>\n",
    'before_title' => '<h2 class="panelheader">',
    'after_title' => "</h2>\n",
    'before_widget' => '<div class="grid_45 omega"><div>
    'name' => 'Start Hauptseite',
    'id' => 'start'
    ));

    Diese eintragen oben beinhaltet das der DIV links am rand steht

    nun zu meiner Vorstellung wenn ich in die Sidebar Start 5 Text-Widgets setze soll folgendes im code erfolgen.

    <div class="grid_45 clearLeft"><div class="panelBackground" id="txttheme_widget-1"> <h2 class="panelheader">Neues Sonder Angebot für Mai</h2> <div class="panelContent"><div class="panelSpacing">
    <p><strong>Angebot des Monats</strong></p> <p>Heute teilen wir euch mit das wir etc etc ect etc</p></div></div>
    <div class="grid_45 omega"><div class="panelBackground" id="txttheme_widget-2"> <h2 class="panelheader">Heute alles Frisch ?</h2> <div class="panelContent"><div class="panelSpacing">
    <p><strong>Angebot des Monats</strong></p> <p>Heute teilen wir euch mit das wir etc etc ect etc</p></div></div>

    <div class="grid_45 clearLeft"><div class="panelBackground" id="txttheme_widget-3"> <h2 class="panelheader">Neues Sonder Angebot für Mai</h2> <div class="panelContent"><div class="panelSpacing">
    <p><strong>Angebot des Monats</strong></p> <p>Heute teilen wir euch mit das wir etc etc ect etc</p></div></div>
    <div class="grid_45 omega"><div class="panelBackground" id="txttheme_widget-4"> <h2 class="panelheader">Heute alles Frisch ?</h2> <div class="panelContent"><div class="panelSpacing">
    <p><strong>Angebot des Monats</strong></p> <p>Heute teilen wir euch mit das wir etc etc ect etc</p></div></div>
    usw........

    clearleft erzeugt immer die Aufhebung des Float:left

    Wie verwirkliche ich es in der Sidebar das dies so dynamisch passiert
    Möchte nicht für jede Zeile eine Sidebar anlegen umd damm mit style:clear dazwischen zu arbeiten.

    Einfach ebend Boxen die 2 in einer reiche fortlaufend sich dynamisch untereinander sortieren 2 in einer reihe

    Einmal editiert, zuletzt von Qeib (8. Juni 2011 um 21:06)

    • 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

  • Danke für die Schnelle Antwort

    danköö ok das sieht gut aus aber da ich im PHP scripten nicht wirklich sooooo gut bin wie kann ich in diesem Script auch denn Titel ansprechen?

    $params[0]['before_widget'] = str_replace('class="', $class, $params[0]['before_widget']); // Insert our new classes into "before widget"
    $params[0]['before_title'] = str_replace('class="', $class, $params[0]['after_title']); // Insert our new classes into "before widget"

    So geht das leider nicht :-(

  • Zitat

    wie kann ich in diesem Script auch denn Titel ansprechen?

    wieso 'titel ansprechen'?

    soll das fuer's formatieren sein?

    Zitat

    So geht das leider nicht


    was genau geht wie nicht?

    dann hilft am besten eine genauere beschreibung und ein link zu der seite.

  • Danke für die Schnelle Antwort

    Danke alchymyth für die schnellen Antworten :-)

    Ok das mit dem geht nicht gibts nicht ^^
    Kann dir leider auch keine Seite zeigen da ich es offline baue mit Xammp ^^

    So das Problem oben habe ich gelöst kann auch sein das ich das erst nicht gepeilt habe (übermüdet etc.).

    Nun habe ich aber ein anderes Problem was mich nicht los lässt und ich die Code Kenntnisse einfach nicht hinbekomme.

    Sidebar Widgets mit boxsmall funzt aber wenn ich boxsmall und boxbig setzten möchte habe wieder das beschi..... Problem:

    User setzt in SITEBAR

    Boxsmall + Boxbig

    dan sieht das so aus das sich Boxsmall normal Posi aber Boxbig sich drübersetzt anstatt drunter.

    Bei Boxsmall + Boxsmall + Boxbig +Boxsmall

    Tja die beiden Boxensmall setze sich sauber neben einander wie gewollt,

    Boxbig setzt sich drunter wie gewollt, nur danach wieder crap da sich boxsmall auf die Boxbig setzt durch das Float.

    Wenn ich nur mit den Boxsmall arbeite da sieht alle jut aus macht freude etc. würde aber auch gerne Boxbig mit zur verfügung stellen.

    Sorry für keine . und , ^^

    CSS

    .boxsmall {width:352px;}
    .boxbig {width:712px;}

    .widget-1boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-2boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-3boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-4boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-5boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-6boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-7boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-8boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-9boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-10boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-11boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-12boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-13boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-14boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-15boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-16boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-17boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-18boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-19boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-20boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-21boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-22boxstart {width:352px; float:left; margin-bottom:10px;}
    .widget-23boxstart {width:352px; clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-24boxstart {width:352px; float:left; margin-bottom:10px;}


    MFG Qeib

  • Ich glaube ich habs

    .widget-1boxstart { clear:both; float:left; margin-bottom:10px; margin-right:8px;}
    .widget-2boxstart {float:left; margin-bottom:10px;}
    etc...

    habe nun die weiten mal entnommen

    und scheinbar funzt esssss freu glei test

  • argg

    ne geht leider nicht so wie ich dachte

    <div class="widget-1boxstart" id="vfthemeboxsmall_widget-6"> <div class="boxsmall"><div class="panelBackground"> <h2 class="panelheader">erererer</h2> <div class="panelContent"><div class="panelSpacing"><p>ereererer<br /> ererer</p><p>erererer</p> </div></div></div></div> </div> <div class="widget-2boxstart" id="vfthemeboxbig_widget-5"> <div class="boxbig"><div class="panelBackground"> <h2 class="panelheader"></h2> <div class="panelContent"><div class="panelSpacing"></div></div></div></div> </div> <div class="widget-3boxstart" id="vfthemeboxbig_widget-6"> <div class="boxbig"><div class="panelBackground"> <h2 class="panelheader">erererer </h2> <div class="panelContent"><div class="panelSpacing"></div></div></div></div> </div> <div class="widget-4boxstart" id="vfthemeboxsmall_widget-7"> <div class="boxsmall"><div class="panelBackground"> <h2 class="panelheader">erer </h2> <div class="panelContent"><div class="panelSpacing"><p>erererererer</p> </div></div></div></div></div> <div class="widget-5boxstart" id="vfthemeboxsmall_widget-3"> <div class="boxsmall"><div class="panelBackground"> <h2 class="panelheader">jhhjhj</h2> <div class="panelContent"><div class="panelSpacing"><p>jhhjjjhjhjhjhjhjhjh</p> </div></div></div></div></div></div>

    Nur kleiner Auszug aus Quelltext;

    leider bei der Kombie

    Boxsmall+Boxbig+Boxbig+boxsmall+boxsmall

    1 richtig, 2 Richtig, 3 Richtig,

    4 richtig 5 FALSCH sitzt wieder unter 4 anstatt daneben.

    Ist das mit CSS überhaupt lösbar?

    MFG Qeib

Jetzt mitmachen!

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