Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

 
Reply to this topicStart new topic
> Position des "Bleistifts" im Backend beeinflusseen
Tiggr
Beitrag 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:

Angehängte Datei  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
Go to the top of the page
 
+Quote Post
mvsxyz
Beitrag 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?
Go to the top of the page
 
+Quote Post
Tiggr
Beitrag 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:

Angehängte Datei  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&ouml;schen" target="_self"  onclick="if(delete_confirm()) return true; return false;">l&ouml;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>&nbsp;<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&uuml;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
Go to the top of the page
 
+Quote Post
mvsxyz
Beitrag 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>
Go to the top of the page
 
+Quote Post
Tiggr
Beitrag 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
Go to the top of the page
 
+Quote Post
Tiggr
Beitrag 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
Go to the top of the page
 
+Quote Post
FireFlyer
Beitrag 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



Richtig! Hier

Cool, dass zur Zeit mal wieder weng Leben im Forum ist!
Go to the top of the page
 
+Quote Post
Tiggr
Beitrag Wed. 11. June 2014, 21:16
Beitrag #8


Advanced Member
*******

Gruppe: AdvancedMembers
Beiträge: 386
Mitglied seit: 12.07.2006
Mitglieds-Nr.: 136



ZITAT(FireFlyer @ Wed. 11. June 2014, 22:04) *
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
Go to the top of the page
 
+Quote Post
Tiggr
Beitrag 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
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 29.3.24 - 02:09

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.