aussehen des blogs

[garvinhicking]

Hi!

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

Code: Select all

    <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

[xida]

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)

[xida]

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.

[yellowled]

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

[xida]

*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!

[xida]

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.

[yellowled]

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.

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

[garvinhicking]

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

[xida]

Ö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.