You are not logged in.

[Erledigt] Sidebar Bilder ohne Rahmen - zum x-ten mal

Controlpanel

Statistic

  • Members: 13113
  • Threads: 18186
  • Postings: 119693 (ø 46.07/day)

  • Greetings to our newest member: mislonly

w2d Premium-Support

Die Experten für web to date / shop to date

Facebook

Aco

Trainee

  • "Aco" is male
  • "Aco" started this thread

Posts: 65

Location: Esslingen

  • Send private message

1

Thursday, September 15th 2011, 12:32pm

[Erledigt] Sidebar Bilder ohne Rahmen - zum x-ten mal

Hallo Kenner und Könner,

das alte Thema, wie bekomme ich von der Sidebar den Rahmen weg - diesmal beim Design Ultra.
Ich habe in den letzten 2 Stunden hier natürlich x-Beiträge gelesen (z.B. common Ordner öffnen, sidebar_picture.ccml öffen und Eintrag löschen "&sidebar.bordercolor"usw.) und versucht...

Es geht aber nicht! ;(

Was übersehe ich? Es wäre nett, wenn die "Experten" mir nochmal eine Hilfe geben würden.
Da das Design noch im Testlauf ist, kann ich es nicht veröffentlichen. Ist aber bei Duality im Prinzip genauso (das aktuelle Design).

LG Alexander

This post has been edited 1 times, last edit by "Aco" (Sep 15th 2011, 3:12pm)

Rein_wald

Unregistered

2

Thursday, September 15th 2011, 12:58pm

siehe bei duality nach.

ssb.css:
.sidebar img.picture {
padding: 7px;
border: 1px solid #aaaaaa;
background-color: #F7F4EC;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}


ultra - ebenfalls style-sidebar.css:
#sidebar img.picture {
padding: <cc:print value="&picture.border-1">px;
border: 1px solid <cc:print value="&plugin.picturebordercolor">;
}

rot löschen

This post has been edited 1 times, last edit by "Rein_wald" (Sep 15th 2011, 1:56pm)

Paulemann

Sage

Posts: 5,057

web/shop to date Version: 5-8.0

  • Send private message

3

Thursday, September 15th 2011, 1:03pm

Ändere den Wert in der global_ccml

Cascading style sheet

 
1

<cc:set obj="picture.border" value="8">

auf 0.

Hat Auswirkungen auf den Rahmen bei allen Bildern.

Ansonsten ist diesmal die sidebar_picture_xhtml_v2.ccml im common Ordner verantwortlich, die Du anpassen müßtest. Hier width und height ohne border vergeben.

Aco

Trainee

  • "Aco" is male
  • "Aco" started this thread

Posts: 65

Location: Esslingen

  • Send private message

4

Thursday, September 15th 2011, 3:08pm

Danke Rein_wald,
Danke Paulemann,

konnte beide Tips gut verwerten. Border=0 legte den Rahmen an das Bild, waren aber noch sichtbar. stye_sidebar.css machte den Rahmen ganz weg.

Damit beim Mouseover Effekt das Bild nicht immer wegspringt (leichte Versetzung), habe ich den Wert bei 1px gelassen aber mit Farbe weiß. So sieht man den Rahmen nur wenn man mit der Maus drüber fährt.

Danke nochmal an euch beide!!! :thumbsup:
Alexander

urmel

Moderator

Posts: 3,390

Location: Mitteldeutschland

  • Send private message

5

Thursday, September 15th 2011, 6:00pm

Hallo Aco ,

die Templates sind so geschrieben, dass Bildern immer / meist die Klasse picture angehängt ist. Wenn du diese heraus löschst, werden die per css-Datei hinterlegten Anweisungen gar nicht mehr angesprochen und der Hovereffekt entfällt.

In der Regel ist für die zu berechnende Bildgröße ein Abzug für den Rand eingetragen (in der ccml-Datei), den solltest du dann auch noch beachten und anpassen, bzw. entfernen.
Beispiel für die sidebar_teaser_captionabstractpicture_xhtml_v2.ccml:
statt

Source code

 
1

width="&plugin.sidebarwidth-2*&picture.border" height="(&plugin.sidebarwidth-2*&picture.border)*2"


dies nehmen:

Source code

 
1

width="&plugin.sidebarwidth" height="&plugin.sidebarwidth"
Gruß, Urmel
Und nicht vergessen: "Mittelmaß ist ansteckend"!

Validierungs-Tipps für w2d-Templates + valide w2d-Designs.

Schon die neuen Features entdeckt? Beispielsweise die optimierten Metaangaben oder KISSIMMEE +++

Similar threads