Serendipity Forums

Posted: **Wed Jun 18, 2008 2:58 pm**

Hi!

Die Lösung ist ganz einfach: Deinem <div fehlt einfach das schließende >:

    <div class="serendipitySideBarItem container_{$item.class}" {if $item.class == 'serendipity_html_nugget_plugin'}id="{$item.class|@makeFilename}_{$item.title|@makeFilename}"{/if}

--> Da muss hinter dem {/if} noch ein ">" rein. Dann sollte auch dein CSS klappen, wenn du es statt ".serendipity_html_nugget_plugin_testklotz" mit "#serendipity_html_nugget_plugin_testklotz" schreibst.

Grüße,
Garvin

Posted: **Thu Jun 19, 2008 5:15 am**

Super, es funktioniert!

Code: Select all

#serendipity_html_nugget_plugin_testklotz {
    border-top: 5px solid #747474;
}

Code: Select all

#serendipity_html_nugget_plugin_testklotz .serendipitySideBarContent {
    background: #ff1493; 
}

Hat sogar funktioniert, als ich das allerletzte "}" vergessen hatte.

Der Klotz ist so zur Zeit zwar hässlich, aber dafür sieht man den Unterschied.

Super Forum hier!
Ich bin ein s9y-Fan!
(und ich hätte viel früher hier noch mal nachfragen sollen)

Posted: **Tue Jul 22, 2008 5:41 pm**

Ach menno,

geht immer noch nicht so, wie ich gerne will.

Ziel ist es einfach einen weißen Container in die Seitenleiste einzubinden, ohne Überschrift, ohne alles.
Also lasse ich die Überschrift weg.

Dann kann ich den Klotz aber nicht mehr modifieren, weil man kann ihm dann offenbar keine ID mehr zuweisen.

Wenn ich im HTML-Nugget PlugIn keine Überschrift eingegeben habe und dann

Code: Select all

#serendipity_html_nugget_plugin_ {
    border: 3px solid #ffffff;
    background: #ffffff;
}

#serendipity_html_nugget_plugin_ .serendipitySideBarContent {
    background: #ffffff;
}

in meiner young_style.css angehängt habe, konnte ich nichts mehr modifizieren, wie gesagt.

Posted: **Tue Jul 22, 2008 9:37 pm**

xida wrote:Ziel ist es einfach einen weißen Container in die Seitenleiste einzubinden, ohne Überschrift, ohne alles.
Also lasse ich die Überschrift weg.

Blende sie doch einfach aus. Am Beispiel des Bookmark-Nuggets:

Code: Select all

#serendipity_html_nugget_plugin_Bookmark h3 {
    display: none;
}

müsste dazu eigentlich schon reichen.

YL

Posted: **Tue Jul 22, 2008 10:40 pm**

*freu* Es funktioniert!

Code: Select all

#serendipity_html_nugget_plugin_Bookmark h3 {
    display: none;
}

#serendipity_html_nugget_plugin_Bookmark .serendipitySideBarContent {
    background: #ffffff;
    padding: 4px;
    border: 1px solid #ffffff;
}

Ich weiß zwar, dass das mit dem Content-Rand "weißer Adler auf weißem Grund" ist, aber es macht genau das, wovon ich geträumt habe.

Alles nicht einfach für mich, darum danke für die Hilfe!

Posted: **Wed Aug 20, 2008 5:36 pm**

Hallo,

hier ist der Nugget-DAU wieder mal:

Wie kennzeichne denn bestimmte HTML-Nuggets in meiner styles.css, wenn der Bezeichner ein Leerzeichen enthält?

Ich wollte ein Nugget speziell gestalten, das "Young Activities" hieß.

Code: Select all

#serendipity_html_nugget_plugin_Young Activities; .serendipitySideBarContent {
    padding: 1px 2px;
}

hat aber nicht funktioniert.

Das Leerzeichen mit

Code: Select all

#160

funktionierte auch nicht.
Jetzt habe ich deshalb eine "Ein-Wort-Überschrift" gewählt.

Posted: **Thu Aug 21, 2008 9:56 am**

xida wrote:Wie kennzeichne denn bestimmte HTML-Nuggets in meiner styles.css, wenn der Bezeichner ein Leerzeichen enthält?

Gar nicht. Du vermeidest, dass der Bezeichner ein Leerzeichen enthält. Das Leerzeichen würde in CSS als Trenner zwischen zwei Selektoren interpretiert.

Ich numeriere z.B. bestimmte Plugins wie HTML Nuggets in der sidebar.tpl einfach durch:

Code: Select all

{if $item.class == "serendipity_html_nugget_plugin"} {$item.class}_{counter}{/if}

So erhalte ich .serendipity_html_nugget_plugin_1, .serendipity_html_nugget_plugin_2 etc. - das ist zwar umständlicher, weil man wissen muss, welcher Nugget welcher ist, aber eben einfacher über CSS zu formatieren.

xida wrote:
Code: Select all
#serendipity_html_nugget_plugin_Young Activities; .serendipitySideBarContent {
    padding: 1px 2px;
}
hat aber nicht funktioniert.

Natürlich nicht. ist HTML, kein CSS

YL

Posted: **Thu Aug 21, 2008 10:02 am**

Hi!

Öh, eigentlich müsste doch durch den Smarty-Modifier "makeFilename" automatisch jedes Leerzeichen durch ein "-" ersetzt werden?!

Wie ist denn deine URL damit ich mir die HTML Ausgabe ansehen kann?

Grüße,
Garvin

Posted: **Thu Aug 21, 2008 12:09 pm**

garvinhicking wrote: Öh, eigentlich müsste doch durch den Smarty-Modifier "makeFilename" automatisch jedes Leerzeichen durch ein "-" ersetzt werden?!

*freu* Das isses!
In der styles.css steht bei mir jetzt am Schluss

Code: Select all

#serendipity_html_nugget_plugin_Young-Activities .serendipitySideBarContent {
    padding: 1px 2px;
}

Der Nugget-Titel ist "Young Activities".

Wie ist denn deine URL damit ich mir die HTML Ausgabe ansehen kann?

http://www.xida.eu zur Zeit rechts unten der Kasten.

Serendipity Forums

aussehen des blogs