+ Antworten
Ergebnis 1 bis 6 von 6

Thema: Beiträge mit Div class Rahmen

  1. #1
    Neu an Board
    Registriert seit
    19.01.2010
    Beiträge
    27
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Beiträge mit Div class Rahmen

    Hallo, kennt einer ein Pluggin oder eine Möglichkeit in Beiträgen einen Rahmen drum zu machen?
    Wenns geht als "div class", nicht als "frame". Gibts da ein Pluggin - Modul, oder eine einfache Möglichkeit immer wieder den selben Rahmen um verschiedene Beiträge zu nutzen, ohne größeren Aufwand? Von mir aus auch mit einer Image Datei, wie unten aufgeführt und nicht einen geschriebenen Rahmen. Hab unten einen Code aufgeführt den ich dazu gefunden habe, woraus ich aber nicht schlau werde. Ich weiß nicht wie und wo ich diesen einbinden soll. Lieber wäre mir auch eine einfachere Lösung, so das ich nicht ständig den Quellcode eingeben muss, da ich das in fast allen Beiträgen nutzen möchte. Das wäre ziemlich viel Aufwand für jeden einzelnen Beitrag, immer wieder neuen Quellcode schreiben zu müssen. Gefunden habe ich das:

    <div id="wrapped">
    <div id="top_corners">
    <img src="toprounded.gif" width="200" height="15" alt="" />
    </div>
    <div id="content">
    your content
    </div>
    <div id="bottom_corners">
    <img src="bottomrounded.gif" width="200" height="15" alt="" />
    </div>
    </div>



    related CSS

    #wrapped {
    margin:0;padding:0
    }
    #top_corners, #bottom_corners {
    width:200px;
    margin:0;
    padding:0;
    }
    #content {
    background-color:#FFFFFF;
    margin:0;
    padding:0 10px 0 10px;
    }

    Also wenn einer eine einfach zu händelnde Lösung hat, wäre das super.

    Danke

  2. #2
    Kommt häufiger vorbei Avatar von killbill
    Registriert seit
    09.09.2006
    Beiträge
    492
    Bedankte sich
    34
    Erhielt 121 Danksagungen
    in 115 Beiträgen

    Standard

    hi

    css-kenntnisse sind hier unerlässlich...

    mit border kannst du in der css-datei um deinen beiträgen herum einen rahmen erzeugen lassen.

    Code:
    p { padding-top:10px; 
    border:thin solid black;
    border-width: 1px;
    border-style: solid;
    }
    p mit sichtbarem rahmen und
    abstand, 10px oben, schwarz, 1px dick

    oder

    Code:
    div{
     border-color: #000000;
     border-width: 1px;
     border-style: solid;
    }
    div mit sichtbarem rahmen, dicke 1px

    gruss
    killbill
    "Es ist dort draußen, und wenn du es kriegst, geh zum Arzt, und versuchs loszuwerden.." - Zitat aus dem Film "Reichtum ist keine Schande"

  3. #3
    Neu an Board
    Registriert seit
    19.01.2010
    Beiträge
    27
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von killbill Beitrag anzeigen
    hi

    css-kenntnisse sind hier unerlässlich...

    mit border kannst du in der css-datei um deinen beiträgen herum einen rahmen erzeugen lassen.

    Code:
    p { padding-top:10px; 
    border:thin solid black;
    border-width: 1px;
    border-style: solid;
    }
    p mit sichtbarem rahmen und
    abstand, 10px oben, schwarz, 1px dick

    oder

    Code:
    div{
     border-color: #000000;
     border-width: 1px;
     border-style: solid;
    }
    div mit sichtbarem rahmen, dicke 1px

    gruss
    killbill

    Hi, danke für deine Antwort. Kannst du mir das vieleicht genauer erklären?
    Ich weiß nicht wo die Quellcodes eingetragen bzw. verändert werden müssen.
    Eine Anleitung wie und wo ich was dafür machen muss, wäre nett.
    Wichtig ist mir halt, das es mit Div Class und nicht mit tables umgesetzt wird.
    Hier sind zwei Beispiele, wie in etwa das ganze aussehen soll:
    http://www.rotekarte.org/ und
    http://www.sternengarde.de/

    mfg
    Geändert von einfachnuregal (02.02.2010 um 16:27 Uhr)

  4. #4
    Neu an Board
    Registriert seit
    19.01.2010
    Beiträge
    27
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Keiner eine Lösung für mich?

  5. #5
    Wohnt hier Avatar von Lintzy
    Registriert seit
    17.06.2007
    Ort
    Wuppertal
    Beiträge
    3.310
    Bedankte sich
    300
    Erhielt 1.282 Danksagungen
    in 810 Beiträgen

    Standard

    Sieh mal hier:
    http://openbook.galileocomputing.de/...c49523ae3e5807

    Der Code gehört in die *.css Datei deines ausgewählten Templates.

    Hol dir Feedback für deine Website / dein Design! -> Klick
    Mit diversen Bewertungsboxen, Feedback-Kommentaren, egal welches CMS - völlig unkompliziert und kostenlos

    Klick <- Gib Feedback für andere Webdesigns / andere Designs!



  6. #6
    Neu an Board
    Registriert seit
    19.01.2010
    Beiträge
    27
    Bedankte sich
    9
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Danke hat geklappt. Sieht nur noch nicht so aus, wie ich es mir vorstelle.
    Wie bekomm ich ein Image(gif) als Rahmen eingebunden?

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein