+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Scrollbalken mit CSS anfärben?!

  1. 03.02.2006 21:33 #1
    hallaloa
    hallaloa ist offline
    Neu an Board
    Registriert seit
    27.01.2006
    Beiträge
    21
    Bedankte sich
    10
    1 Danksagung in 1 Beitrag

    Frage Scrollbalken mit CSS anfärben?!

    Ich möchte folgenden Code:
    PHP-Code:
    {scrollbar-base-color: #789BFF;} 
    in meine externe Template-CSS-Datei einbauen, aber wie?!
    PHP-Code:
    div#contentblock table td.newsflash {
            padding:0px;
    }

    .    footerblock {

    }

    .    user2block {

    }


    .    user1block {

    }

    .    rightblock {

    }

    .    contentblock {

    }

    .    centerblock {

    }

    .    leftblock {

    }

    .    header {
            height: 111px;
            background: url(../images/mambo_header.jpg) no-repeat;
    }

    /* working my way up */

    .content_box {
            padding: 4px;
    }

    .    search_box {
            padding: 10px;
    }



    #silver_date {
            float: right;
            width: 160px;
            text-align: right;
            padding: 3px 10px 0px 0px;
            font-size: 11px;
            font-weight: bold;
            color: #304651;
            white-space: nowrap;
    }

    #silver_menu {
            overflow: hidden;
            height: 26px;
            width: 400px;
            float: left;
            padding: 0px;
    }

    #silver_toolbar {
            width: 100%;
    }

    .    silver_box {
            width: 100%;
            border-top: solid 1px #9DA6B3;
            border-bottom: solid 1px #9DA6B3;
            text-align: center;
            background: url(../images/silver_background.jpg) repeat-x;
            padding: 0px 0px 0px 0px;
    }

    .    middle_box  { background: #318096; padding: 4px; border-left: 1px solid #9da6b3 }

    .right_box  { background: #35809c; padding: 4px; border-left: 1px solid #9da6b3 }

    .searchblock {
            color: #ff6600;
    }

    .    top_right_box {
            border-left: solid 1px #9DA6B3;
            background: #000000;
            padding: 0px;
    }

    .    page_bg {
            background: #789BFF;
            padding: 0px 0px 0px 0px;
            margin: 0px;
            border: 0px;
    }

    .    big_frame  { color: #789bff; width: 100%; border: solid 1px #789BFF }


    #content-pane .tab-page {
            background: #000000;
    }

    .    contentpane {

    }

    .    contentpaneopen {
            text-align: left;
            width: 100%;
            padding: 0px;
    }

    .    small {
            font-size: 11px;
            color: #ffffff;
            font-weight: bold;
            padding-top: 10px;
            text-align: left;
    }

    .    contentheading {
            background: url(../images/title_background.png) no-repeat;
            vertical-align: middle;
            font-size: 11px;
            font-weight: bold;
            color: #cccccc;
            text-align: left;
            text-indent: 15px;
            width: 100%;
            height: 24px;
            text-transform: uppercase;
    }

    .    contentpagetitle {
            font-size: 13px;
            font-weight: bold;
            color: #cccccc;
            text-align:left;
    }

    a.contentpagetitle:link, a.contentpagetitle:visited {
            font-size: 13px;
            font-weight: bold;
            color: #ff6600;
            text-align:left;
            text-decoration: none;
    }

    a.contentpagetitle:hover {
            color: #ffffff;
    }

    table.moduletable {
            width: 100%;
            margin: 0px 0px 15px 0px;
            border-left: solid 0px #000000;
            border-right: solid 0px #000000;
            border-top: solid 0px #000000;
            border-bottom: solid 0px #000000;
    }

    table.moduletable th {
            background: url(../images/title_background.png) no-repeat;
            vertical-align: middle;
            font-size: 11px;
            font-weight: bold;
            color: #cccccc;
            text-align: left;
            text-indent: 15px;
            width: 100%;
            height: 24px;
            text-transform: uppercase;
    }

    table.moduletable td {
            font-size: 11px;
            padding: 0px;
            font-weight: normal;
    }

    table.moduletable ul {
            color: #ff0000;
    }

    div#menublock table.moduletable td {
            padding: 0px;
    }

    #mainlevel-nav {
    margin: 0; padding: 0;
    }
    #mainlevel-nav li {
    background-image: none;
    list-    style:none; 
    float: left; 
    margin: 0px; 
    padding-left: 15px;
    padding-right: 15px;
    font-size: 11px;
    line-height:24px;
    height: 26px;
    white-space: nowrap;
    border-right: 1px solid #9DA6B3;
    }
    #mainlevel-nav a {

    float: right; 
    text-decoration: none;  
    color: #304651;
    }
    #mainlevel-nav a {
    float: none;
    }
    #mainlevel-nav a:hover {
    color: #ff6600;

    }

    a.mainlevel:link, a.mainlevel:visited {
            background: url(../images/menu_bullet.png) no-repeat;
            vertical-align: middle;
            font-size: 11px;
            font-weight: bold;
            color: #ff6600;
            text-align: left;
            padding-left: 15px;
            height: 18px;
            margin-bottom: 1px;
    }

    a.mainlevel:hover {
            background-position: 0px -20px;
            text-decoration: none;
            color: #ffffff;
    }

    .    pollstableborder {
            border: 1px solid;
            padding: 1px;
    }

    a.sublevel:link, a.sublevel:visited {
            padding-left: 1px;
            vertical-align: middle;
            font-size: 11px;
            font-weight: bold;
            color: #ff6600;
            text-align: left;
    }

    #active_menu {
            color:#ffffff;
            font-weight: bold;
    }

    a.sublevel:hover {
            color: #ffffff;
            text-decoration: none;
    }

    a.mainmenu:link, a.mainmenu:visited {
            color: #ffffff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 11px;
            padding-left:10px;
            padding-right:10px;
    }

    a.mainmenu:hover {
            color: #D6DF8C; 
            text-decoration: none;
    }



    a:link, a:visited {
            color: #ff6600; text-decoration: none;
            font-weight: bold;
    }

    a:hover {
            color: #9AB6C2;    text-decoration: none;
            font-weight: bold;
    }

    a.category:link, a.category:visited {
            color: #ff6600;
            text-decoration: none;
            font-weight: bold;
    }

    a.category:hover {
            color: #9AB6C2;
            text-decoration: none;
            font-weight: bold;
    }

    a.pagenav, a.pagenav:visited {
            font-weight: bold;
            color: #ff6600;
            text-decoration: none;
    }

    a.pagenav:hover {
            color: #9AB6C2;
            text-decoration: none;
    }

    .    frontpageheader {
            color: #ffffff;
            font-size: 15px;
            font-weight: bold;
            line-height: 30px;
    }

    .    newsfeedheading {
            font-size: 11px;
            font-weight: bold;
            color: #333333;
            text-align:left;
    }

    .    newsfeeddate {
            font-size: 10px;
            color: #666666;
            font-weight: normal;
    }

    .    fase4rdf a:link {
            color: #745632;
            text-decoration: none;
            font-weight: bold;
    }

    .    fase4rdf a:hover {
            color: #cc9900;
    }

    .    componentheading {

            background: url(../images/title_background.png) no-repeat;
            vertical-align: top;
            padding-top: 4px;
            font-size: 11px;
            font-weight: bold;
            color: #cccccc;
            text-align: left;
            text-indent: 15px;
            width: 100%;
            height: 24px;
            text-transform: uppercase;
    }

    .    sectiontableheader {
            background : #293C43;
            color : #ffffff;
            font-weight : bold;
            padding: 3px;
    }

    .    sectiontableentry1 {
            background-color : #0D1315;
            padding: 2px;
    }

    .    sectiontableentry2 {
            background-color : #151E22;
            padding: 2px;
    }

    div#middle_box .sectiontableentry1 {
            background-color : #3E5867;
            padding: 2px;
    }

    div#middle_box .sectiontableentry2 {
            background-color : #516B79;
            padding: 2px;
    }

    div#right_box .sectiontableentry1 {
            background-color : #182327;
            padding: 2px;
    }

    div#right_box .sectiontableentry2 {
            background-color : #293C43;
            padding: 2px;
    }

    BODY {
            margin: 0px 0px 0px 0px;
            background: #f7f7f2;
    }

    td,tr,p,div {
            font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #cccccc;
    }

    ul
    {
            margin: 0;
            padding: 0;
        list-    style: none;
    }

    li
    {
            line-height: 15px;
            padding-left: 15px;
            padding-top: 0px;
            background-image: url(../images/arrow.png) ;
            background-repeat: no-repeat;
            background-position: 0px 3px;
    }



    .    button {
            font-weight: bold;
            border:solid 1px #9DA6B3;
            background-color: #293B42;
            color: #ff6600;
            text-align: center;
            font-size: 9px;
            margin-top: 5px;
    }

    .    inputbox {
            font-weight: normal;
            color: #cccccc;
            background: #000000;
            border: 1px solid #9DA6B3;
    }

    /* ---------------- unedited below here ----------------------*/

    /* Styles for dhtml tabbed-pages */
    .ontab {
            background-color: #121A1D;
            border-left: outset 1px #9DA6B3;
            border-right: outset 1px #9DA6B3;
            border-top: outset 1px #9DA6B3;
            border-bottom: solid 0px #ffffff;
            text-align: center;
            cursor: pointer;
            font-weight: normal;
            color: #ff6600;
    }
    .    offtab {
            background-color: #25343B;
            border-left: outset 1px #9DA6B3;
            border-right: outset 1px #9DA6B3;
            border-top: outset 1px #9DA6B3;
            border-bottom: solid 1px #9DA6B3;
            text-align: center;
            cursor: pointer;
            font-weight: normal;
            color: #cccccc;
    }

    .    tabpadding {
    }

    .    tabheading {
            background-color: #eeeeee;
            text-align: left;
    }

    .    pagetext {
            visibility: hidden;
            display: none;
            position: relative;
            top: 0;
    }

    h4 {
            color: #cccccc;
            font-size: 16px; font-weight: bold;
    }

    h5 {
            color: #cccccc;
            font-size: 14px; font-weight: bold;
    }

    h6 {
            color: #dddddd;
            font-size: 12px; font-weight: bold;
    }

    hr {
            background: #999999; height:1px; border: 1px solid;
    }

    hr.separator {
            background: #495C5F;
            height: 1px;
            width: 75px;
            border: 0px;
    }


    table.contenttoc {
            color: #333300;
            background-color: #e0e0e0;
    }

    table.contenttoc td {
            font-size: 8pt;
            font-weight: normal;
            text-align:left;
    }

    .    contentdescription {
            color: #cccccc;
            text-align: left;
    }

    .    category {
            color: #ff0000;
            font-size: 11px; font-weight: bold; text-decoration: none;
    }



    .    poll {
            font-size: 10px;
            line-height: 14px
    }

    table.pollstableborder {
            border: 0px;
    }

    .    contentpane {
            background: #121A1D;
    }

    .    smalldark {
            font-size: 11px;
            color: #333333;
            text-decoration: none;
            font-weight: normal;
    }

    table.searchinto {
            width: 100%;
    }

    table.searchintro td {
            background-color: #293C43;
            color: #ffffff;
            font-weight: bold;
    }

    table

    table    .contact {
            background-color: #0D1315;
    }

    table.contact td.icons {
            background-color: #000000;
            font-weight: bold;
    }

    table.contact td.details {
            background-color: #293C43;
            color: #ffffff;
            font-weight: bold;
    }

    .    pagenav {
            font-weight: normal;
    }

    .    pagenavbar {

    }

    .    content_rating {
            font-weight: normal;
            font-size: 8pt;
    }

    .    content_vote {
            font-weight: normal;
            font-size: 8pt;
    }

    .    back_button {
            text-align: center;
            margin-top: 40px;
    }

    .    readon {
            margin-bottom: 10px;
        
    }

    strong {
            color: #ffcc00;
    } 
    Danke,
    Claudi

    Bitte nach getaner Arbeit hier helfen:
    http://www.joomlaportal.de/mambo-tem...tml#post134576
    Zitieren Zitieren
  2. 05.02.2006 06:36 #2
    cgdesign
    cgdesign ist offline
    Verbringt hier viel Zeit Avatar von cgdesign
    Registriert seit
    17.02.2005
    Ort
    Kraichtal
    Alter
    36
    Beiträge
    546
    Bedankte sich
    2
    Erhielt 129 Danksagungen
    in 121 Beiträgen
    cgdesign eine Nachricht über Skype™ schicken

    Standard

    Servus Claudi,

    ganz einfach...
    füge deine Angabe einfach den body Tag Formatierungen hinzu.
    BODY {
    margin: 0px 0px 0px 0px;
    background: #f7f7f2;
    scrollbar-base-color: #789BFF;
    }


    wird aber nur vom IE interpretiert.
    siehe hier: www.css4you.de/ieproperty.html

    Gruß
    Carsten
    Zitieren Zitieren

  3. Erhielt Danksagungen von:

    hallaloa
+ Antworten
« Vorheriges Thema | Nächstes Thema »

Ähnliche Themen

  1. problem mit css menü im firefox
    Von montrean2005 im Forum Mambo Templates
    Antworten: 4
    Letzter Beitrag: 07.02.2006, 09:47
  2. dummes Problem mit ID "0"
    Von automagazin24 im Forum Allgemeine Fragen zu Joomla
    Antworten: 0
    Letzter Beitrag: 02.02.2006, 21:54
  3. Newsflash rechts mit eigenem css?
    Von acl68 im Forum Allgemeine Fragen zu Mambo
    Antworten: 4
    Letzter Beitrag: 20.09.2005, 08:29
  4. EILT: Problem mit ArtForm und/oder Template und/oder CSS
    Von MarkiMA im Forum Mambo Komponenten
    Antworten: 2
    Letzter Beitrag: 05.04.2005, 12:14
  5. Liste aller variablen?
    Von huedrant im Forum Mambo 4.5.0 Templates
    Antworten: 7
    Letzter Beitrag: 30.12.2003, 16:08

Lesezeichen

Berechtigungen

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

Foren-Regeln