Rahmen um Themen

Hallo,
und noch eine Frage.

Ist es möglich um (ich nenn es mal Themenblock) eigene Rahmen zu setzen ?
ich zeige das am besten mal mit Bildern:
Im Moment sieht mein Forum so aus.



Ich hätte da gerne eigene gestaltete Rahmen so in der Art.

und dann hätte ich gerne den schwarzen Innenbereich halbtransparent. Ich habe da am We auch selbst dran rum gedoktert, aber leider nicht wirklich viel gefunden im Netz. Ausser das man dieses mit Opacity codes machen kann. allerdings weis ich nicht wie und wo ich diese einsetzen muss. Und stimmt es das es erst mit pph3 geht?

Danke euch fürs lesen ist etwas länger geworden

Hallo,

was du auf dem Screenshot zeigst, ist eine Kategoriebox.
Für die Halbtransparenz gehst du in die Templates zu
AB -> Anzeige -> Templates -> Allgemeines -> index_box
und suchst dort folgende Stelle (unverändertes Template: Zeile 20):

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline transp_ind" width="100%" border="0" cellspacing="1" cellpadding="0">

Den grün markierten Bereich fügst du hinzu.
Danach sendest du das veränderte Template ab und veröffentlichst es über einen Klick auf .

Anschließend füge in dein CSS-Stylesheet unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
folgenden Code ein:

Code:

.transp_ind td {
  background-color: #000000 !important;
  opacity: 0.5;
}

Zum Anpassen des Codes:
http://www.css4you.de/background-color.html
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/opacity

Um dann noch einen Rahmen hinzuzufügen, sind Kenntnisse für die HTML-Templatebearbeitung nötig. Hier findest du eine solche Umsetzung:
https://hilfe.forumieren.com/t20576-rahmen-mit-bild-um-kategorie
Wenn du diesen Code mit dem Standardcode vergleichst, siehst du sicherlich die Anpassungen, die dafür gemacht wurden. Das solltest du dann auch in dein Forum einsetzen können.

Kannst du bitte noch deine aktuelle Forenadresse in dein Profil eintragen? Danke.

Liebe Grüße
Günther

Hallo

Sry das ich mich erst jetzt melde aber ich habe es gestern leider nicht mehr geschafft.

ich habe das mal mit dem halbtransparent versucht aber da wird nix halbtranparent die Farbe wird eher noch kräftiger ich habe auch die Dezimalzahl mal geändert, einmal auf 0 dann zeigt er mir keinen Text mehr an und der Hinergrund ist immer noch Blau dann hab ich das mal aud 0,8 gestellt, dann wurde es schwarz. und mit 0,5 hab ich es auch versucht.

Code:

.transp_ind td {
  background-color: #000000 !important;
  opacity: 0.5;
}

die letzte Dezimalzahl habe ich geändert. Natürlich habe ich auch in den Templates deine Änderung gemacht.

Und ich wollte es eigentlich so haben das das Hintergrundbild auf allen Blauen Flächen durchschimmert.

Dann das Thema mit dem Rand hab ich auch so befolgt wie du gesagt/ geschrieben hast allerdings sieht es bei mir anders aus als gewollt Hab da mal ein Bild zu gemacht


das Grüne zeigt an wo es derzeit ist aber ich hätte es gerne dort wo ich die roten Makierungen gemacht habe.

Sry mein neues Forum habe ich auch in meinem Profil gespeichert.

Danke nochmal für eure Hilfe
Lg

Nimm am besten den CSS-Code wieder heraus und setze mal diesen ein:

Code:

.transp_ind {
  background-color: transparent;
}
.transp_ind td {
  background-color: #000000 !important;
  opacity: 0.5;
}

Ich habe ihn auf dein Forum angepasst und jetzt mal das ursprüngliche Blau verwendet (das du natürlich durch andere Farben ersetzen kannst). Das Ergebnis würde dann so aussehen:

Wie du siehst, ist der Innenraum der Kategoriebox nun halbtransparent, sodass man den Hintergrund des Forums durchsehen kann. Das kannst du alles noch nach Wunsch anpassen, aber grundsätzlich sollte das deiner Erwartung entsprechen.

Zum Rahmen noch:

Du siehst, dass diese "Schnörkel" zuviel Abstand erzeugen. Du solltest deshalb nur eine Leiste erstellen, aber auf solche Verzierungen verzichten, die Platz nach unten hin in Anspruch nehmen.
Danach kannst du die Leiste noch an die jeweilige Auflösung anpassen, indem du an der entsprechenden Templatestelle diesen Bereich ergänzt:

<img src="BILD_FÜR_OBEN/UNTEN" style="width: 100%; height: HÖHE DES BILDES IN PX;">

Wenn du die Leiste sehr breit erstellst, wird sie bei den Usern je nach Auflösung schmäler skaliert (kein Qualitätsverlust) und passt sich perfekt an.

Das Ergebnis würde dann grob in etwa so aussehen:

Wenn du dir die "Schnörkel" wegdenkst, die du ja aus der Leiste entfernen solltest, ist das Ergebnis so am besten umgesetzt.

Edit:
Möchtest du auch links und rechts der Kategoriebox eine Rahmengrafik einsetzen, wäre dazu eine CSS-Lösung noch gut geeignet.
Die Leiste über und unter der Box musst du über das Template einsetzen, wie du bereits weißt.
Für weitere Leistengrafiken links und rechts neben der Box setze mal folgenden CSS-Code in dein Stylesheet ein:

Code:

.transp_ind {
  background-image: url("BILDURL LEISTE LINKS"), url("BILDURL LEISTE RECHTS");
  background-position: 0 0, 100% 0;
  background-repeat: repeat-y;
  padding: 0 30px;
}

Du musst die beiden Bildurls einsetzen und bei "padding" den Wert 30px je nach Breite der Grafiken angleichen, die auch beide gleich breit sein müssen.

Nabend

Hab gerade voll einen Lachflash hinter mir. Guck selbst:

Hat nicht ganz geklappt und ich dachte ich habe mich nach deinen Anwesungen gehalten... Was hab ich da nur falsch gemacht ?

Das mit den Transparent hab ich hinbekommen ABER die Schrift ist auch durchsichtig sieht ein bisschen doof aus gibt es einen Code wo die Farbe schwarz ist aber nicht transparent ?

Und muss ich das mit dem transparenten für jede Box (im Moment Index_Box) einzeln machen ? Wenn ja dann hab ich eine Lebensaufgabe vor mir....

EDIT: ich glaube ich weis es bereits ich hol mal das die Bild_Url unten wieder raus.
EDIT: neee das war es auch nicht. Hab jetzt nur noch Bild_Url oben drin.

Paradies schrieb:Hat nicht ganz geklappt und ich dachte ich habe mich nach deinen Anwesungen gehalten... Was hab ich da nur falsch gemacht?

Lies dir bitte meinen Beitrag nochmals durch. Dein Vorgehen sollte schrittweise so aussehen:

1. einen horizontalen Balken erstellen, der über der Box angezeigt werden soll + einen, der darunter angezeigt werden soll
   
2. diese, wie zuvor gehabt, über die Templates einsetzen
   
3. einen vertikalen Balken erstellen, der links neben der Box angezeigt werden soll + einen, der rechts neben der Box angezeigt werden soll ( das war dein Fehler: Du hattest für die Balken links/rechts der Box keine vertikalen, sondern horizontale verwendet... )
   
4. diese beiden Balken über meinen CSS-Code einsetzen

Also sowohl die Templatebearbeitung als auch den CSS-Eintrag vornehmen, wobei du natürlich zwei horizontale (oben + unten) und zwei vertikale (links + rechts) Balken verwenden musst.

Paradies schrieb:Das mit den Transparent hab ich hinbekommen ABER die Schrift ist auch durchsichtig sieht ein bisschen doof aus gibt es einen Code wo die Farbe schwarz ist aber nicht transparent ?

Dazu gibt es auch eine Möglichkeit: Die Verwendung eines RGBA-Farbwertes statt des Hexadezimalfarbwertes. RGBA-Farbwerte sind die einzigen, in denen du eine Transparenz/Deckkraft (opacity) angeben kannst, sodass diese sich nur auf die betreffende Farbfläche bezieht.
Mit einem opacity-Wert von 0.5 und dem blauen Farbcode würde der CSS-Code dann z.B. so aussehen:

Code:

.transp_ind td {
  background-color: rgba(68, 154, 207, 0.5);
}

Generieren lassen kannst du dir RGBA-Farbwerte dort: http://hex2rgba.devoth.com/

Ok hier kann geschlossen werden. Ich habe mir ein Style gefunden in dem schon alles Tranparent ist. Ich danke für deine Mühe mir zu helfen.

Bitteschön, gerne.
-closed-