Position des "Bleistifts" im Backend beeinflusseen |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Position des "Bleistifts" im Backend beeinflusseen |
Mon. 9. June 2014, 17:36
Beitrag
#1
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 386 Mitglied seit: 12.07.2006 Mitglieds-Nr.: 136 |
Hiho!
Ich bin eifrig am Basteln an meiner Webseite, es ist einfach zu warm um das Haus vor 20 Uhr zu verlassen! :-) Und gleich eine doofe Frage: Ich habe meine Seite mit Bootstrap realisiert. Und im Backend verwende ich ContentFlex um Elemente einfach einzufügen. Das funst auch überraschend gut! Nur leider sammeln sich im Backend die "Bleistifte" an beliebiger Stelle! Das sieht dann so aus: Bildschirmfoto_vom_2014_06_09_18_31_56.png ( 451.45KB ) Anzahl der Downloads: 21 Da muss ich dann immer abzählen, welcher Bleistift zu welchem Kasten gehört! wie kann ich den Bleistift an seinen Kasten binden? Sollte doch mit etwas CSS gehen, oder? Tschüss Tiggr (aka Marcus) -------------------- @bout Kites: Colorful Sky - Typo3
@bout LARP: Orga ohne Namen - Sefrengo @bout LARP: LARP-Welt - CakePHP @bout Kites: Rodgauer Workshop - Contao |
|
|
Tue. 10. June 2014, 17:19
Beitrag
#2
|
|
Advanced Member Gruppe: Admins Beiträge: 507 Mitglied seit: 27.06.2006 Mitglieds-Nr.: 11 |
Ich glaube das Problem liegt im am Float, welches durch das Grid-Layout von Bootstrap herrührt. Wie schaut denn der Quelltext in der Vorschau (also mit Bleistiften) aus? Wie schaut dein ContentFlex-Template aus?
|
|
|
Tue. 10. June 2014, 20:01
Beitrag
#3
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 386 Mitglied seit: 12.07.2006 Mitglieds-Nr.: 136 |
Hiho!
Jupp, ich glaube, da kollidieren ein paar Teile des Bootstrap-Frameworks mit dem SF-CSS. Ich bin etwas weiter, jetzt sieht es so aus: Bildschirmfoto_vom_2014_06_10_20_56_13.png ( 307.61KB ) Anzahl der Downloads: 19 Also es ist schon mal alles bei seinem Element! Aber jetzt zeigt er die Dropdowns an! :-( Im ContentFlex sieht das bei mir so aus: QUELLTEXT <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 content"> <a href="{linkurl:1}" class="topic"> <img src="{imageurl:1}" class="img-responsive"> <h1>{text:1}</h1> <p>{text:2}</p>{editbutton} </a> </div> Und das ist der Code, der dann im Backend erzeugt wird: QUELLTEXT <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 content"> <a href="index.php?idcatside=10&view=edit" class="topic"> <img src="media/img/gallery/teaser/mykites.jpg" class="img-responsive"> <h1>Drachentasche</h1> <p>Meine Drachen</p><span class="flex2_edit"><span class="sf_hmenu_wrapper"> <span class="sf_hmenu_trigger"><img src="cms/img/but_edit.gif" width="16" height="16" /></span> <span class="sf_hovermenu"> <ul><li class="sf_hmenu_title">Teaser</li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=edit&content=500.4.6-1,7-1,8-1,4-1,5-1,1-1,1-2" rel="bearbeiten" target="_self" >bearbeiten</a></li><li><hr class="sf_hmenu_trenner"></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=delete&content=500.4" rel="löschen" target="_self" onclick="if(delete_confirm()) return true; return false;">löschen</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=move_up&content=500.4" rel="nach oben" target="_self" >nach oben</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=move_down&content=500.4" rel="nach unten" target="_self" >nach unten</a></li></ul> </span> </span> <span class="sf_hmenu_wrapper"> <span class="sf_hmenu_trigger"><img src="http://192.168.1.27/backend/tpl/standard/img/but_addelement.gif" width="16" height="16" /></span> <span class="sf_hovermenu"> <ul><li class="sf_hmenu_title">Nach Element 4 (Teaser) einfügen</li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=1" rel="Zeilenstart" target="_self" >Zeilenstart</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=2" rel="Zeilenende" target="_self" >Zeilenende</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=3" rel="Teaser" target="_self" >Teaser</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=4" rel="Main Teaser" target="_self" >Main Teaser</a></li></ul> </span> </span></span> </a> </div> Hilft das Irgendwie? Tschüss Tiggr (aka Marcus) -------------------- @bout Kites: Colorful Sky - Typo3
@bout LARP: Orga ohne Namen - Sefrengo @bout LARP: LARP-Welt - CakePHP @bout Kites: Rodgauer Workshop - Contao |
|
|
Wed. 11. June 2014, 07:34
Beitrag
#4
|
|
Advanced Member Gruppe: Admins Beiträge: 507 Mitglied seit: 27.06.2006 Mitglieds-Nr.: 11 |
Versuchs mal mit folgendem ContentFlex-Template:
QUELLTEXT <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 content">
<a href="{linkurl:1}" class="topic"> <img src="{imageurl:1}" class="img-responsive"> <h1>{text:1}</h1> <p>{text:2}</p> </a> {editbutton} </div> |
|
|
Wed. 11. June 2014, 19:50
Beitrag
#5
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 386 Mitglied seit: 12.07.2006 Mitglieds-Nr.: 136 |
Hey, cool, das klappt ziemlich gut! :-)
Danke! Jetzt spiel ich noch ein wenig mit CSS... mal sehen, ob da noch mehr raus zu holen ist! ;-) Tschüss Tiggr -------------------- @bout Kites: Colorful Sky - Typo3
@bout LARP: Orga ohne Namen - Sefrengo @bout LARP: LARP-Welt - CakePHP @bout Kites: Rodgauer Workshop - Contao |
|
|
Wed. 11. June 2014, 20:05
Beitrag
#6
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 386 Mitglied seit: 12.07.2006 Mitglieds-Nr.: 136 |
Super!
Mit ein ganz klein wenig CSS sieht es auch im Backend perfekt aus: Und hier das CSS: QUELLTEXT .maintopic + .flex2_edit, .topic + .flex2_edit { position: absolute; top: 0px; right: 20px; } Das war einfach! Jetzt muss ich nur noch rausfinden, wie ich ein CSS nur im Backend lade, aber ich glaub da war was in der Doku, das ich verwenden kann! ;-) Tschüss und Danke! Tiggr (aka Marcus) -------------------- @bout Kites: Colorful Sky - Typo3
@bout LARP: Orga ohne Namen - Sefrengo @bout LARP: LARP-Welt - CakePHP @bout Kites: Rodgauer Workshop - Contao |
|
|
Wed. 11. June 2014, 21:04
Beitrag
#7
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 446 Mitglied seit: 12.09.2006 Wohnort: Bamberg Mitglieds-Nr.: 235 |
|
|
|
Wed. 11. June 2014, 21:16
Beitrag
#8
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 386 Mitglied seit: 12.07.2006 Mitglieds-Nr.: 136 |
Cool, dass zur Zeit mal wieder weng Leben im Forum ist! Hmmm, ich befürchte, ich bin nur als Eintagsfliege hier, bis meine Seite läuft! :-( Aber vielleicht kommen ja mehr nach... -------------------- @bout Kites: Colorful Sky - Typo3
@bout LARP: Orga ohne Namen - Sefrengo @bout LARP: LARP-Welt - CakePHP @bout Kites: Rodgauer Workshop - Contao |
|
|
Thu. 12. June 2014, 20:32
Beitrag
#9
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 386 Mitglied seit: 12.07.2006 Mitglieds-Nr.: 136 |
Ach ja! Bei dem "CSS nur im Backend laden" haben wir uns etwas mißverstanden. Ich hab das so im Layout gelöst:
QUELLTEXT <?php
if ($sess->name=='sefrengo' && $view == 'edit') { echo ' <link rel="stylesheet" type="text/css" href="/includes/css/backend.css">'; } ?> -------------------- @bout Kites: Colorful Sky - Typo3
@bout LARP: Orga ohne Namen - Sefrengo @bout LARP: LARP-Welt - CakePHP @bout Kites: Rodgauer Workshop - Contao |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 22.9.24 - 16:17 |