ilch Forum » Ilch Clan 1.1 » Design und Templates » Hintergrundbild

Geschlossen
  1. #1
    User Pic
    Frostwolfxy Mitglied
    Registriert seit
    12.06.2010
    Beitrge
    54
    Beitragswertungen
    0 Beitragspunkte
    Hallo,

    ich habe das Sc2 free Design und möchte einen anderen Hintergrund einfügen, statt diesem grauen. Also habe ich die Datei genommen und gegen eine anderes Bild ausgetauscht, zuvor habe ich die Datei natürlich so umbenannt, damit es dem original entspricht.

    Das Original ist eine PNG Datei und ich ahbe eine JPG umbenannt, könnte es an den verschiedenen Formaten liegen ?

    bye

    betroffene Homepage: www.crazyforces.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beitrge
    7.509
    Beitragswertungen
    1165 Beitragspunkte
    Du hast in deiner index.htm folgendes drin:
    body {background-color: #1a1a1a;}
    das definiert die Hintergrundfarbe!

    Sinnvoll ist den kompletten Style in der style.css zu definieren, dort benötigst Du dann im body {background-image:url()}!

    Info siehe hier:
    de.selfhtml.org/css/eigenschaften/hintergrund.htm
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Frostwolfxy Mitglied
    Registriert seit
    12.06.2010
    Beitrge
    54
    Beitragswertungen
    0 Beitragspunkte
    Kannst du mir sagen, wo da der Backgound ist, weil da steht ja schwarz und wie würde ich da nun ein image einfügen ?

    Ist die Style.css


    .button{
    display:block;
    width:20px;
    height:15px;
    margin-right:90px;
    margin-top:33px;
    cursor:pointer;
    font-family: Tahoma, Arial,Verdana, Helvetica, sans-serif;
    font-size:13px;
    color:#ffffff;
    }

    .menu
    {
    display:block;

    color: #000000;

    font-size: 11px;

    width: 164px;

    height: 20px;

    text-indent: 25px;

    text-decoration: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    line-height: 19px;

    background-image: url('bilder/loa_01_button.png');

    background-repeat: no-repeat;
    }
    .menu:hover
    {
    display:block;

    color: #990000;

    font-size: 11px;

    width: 164px;

    height: 20px;

    text-indent: 27px;

    text-decoration: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    line-height: 19px;

    background-image: url('bilder/loa_01_button_v.png');

    background-repeat: no-repeat;
    }

    .title

    {

    font-size: 10px;
    font-weight: bold;
    color: #0066CC;

    }

    .login_1

    {

    color: #000000;

    background:#FFF url('bilder/login_1.gif') ;

    width: 103px;

    height: 17px;

    border-width: 0px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    padding-top: 3px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma

    }

    .login_2

    {

    color: #000000;

    background:#FFF url('bilder/login_2.gif') ;

    width: 103px;

    height: 15px;

    border-width: 0px;

    font-weight: normal;

    text-decoration: none;

    text-align: center;

    padding-top: 5px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma

    }

    .login_s

    {

    background:url('bilder/login_s.gif') ;

    width:40px;

    height:20px;

    border-width: 0px;

    font-weight: normal;

    text-decoration: none

    }

    .btitle

    {

    color: #000000;
    font-weight: bold;
    font-size:12px;

    }

    .bcontent

    {

    margin-left: 10px;

    }

    body

    {

    background-color: #000000;

    margin-left:0px;

    margin-right:0px;

    margin-top:0px;

    margin-bottom:0px;

    }

    td

    {

    font-family: Verdana;

    font-size: 11px;

    color: #FFFFFF;

    }

    a

    {

    color: #0099CC;

    font-family: Verdana;

    font-size: 11px;

    text-decoration: none;

    }

    a:hover

    {

    color: #FFFF99;

    text-decoration: none;

    }

    a.box

    {

    color: #FF9900;

    font-family: Verdana;

    font-size: 12px;

    text-decoration: none;

    }

    a.box:hover

    {

    color: #FFFF99;

    text-decoration: none;

    }

    .Chead

    {

    color: #FF9900;



    }

    .Chead td, .Chead td strong, .Chead h4, .Chead td b

    {

    color: #FF9900;

    }

    .Callg

    {

    color: #FF9900;

    }

    .Callg td

    {

    color: #FFFF99;

    }


    .Cnorm

    {

    color: #FF9900;

    background-color: #21496c;

    }

    .Cmite

    {

    color:#FF9900;

    background-color: #152f46;

    }

    .Cdark

    {

    background-color: #f89f31;

    }



    #Ballg

    {

    color: #FFFFFF;

    background-color: #f89f31;

    }

    #Ballg td

    {

    color: #fec64b;

    background-color: #fec64b;

    }

    .Bhead

    {

    color: #FF9900;

    }

    .Bbody

    {

    color: #FFFFFF;

    }



    .smalfont

    {

    color: #FFFFFF;

    font-size: 13px;

    text-decoration: none;

    }

    .smalfont_copyright

    {

    color: #FFFFFF;

    font-size: 13px;

    text-decoration: none;

    }

    .border

    {

    background-color: #000000;

    }

    hr

    {

    height: 0px;

    border-top-width: 1px;

    }

    input, textarea, select

    {

    color: #FF9900;

    background-color: #000000;

    font: 10px Verdana;

    border-color: #333333;

    border-width: 1px;

    border-style: double;

    font-weight: normal;

    text-decoration: none;

    }

    #menu {}

    #menu ul { padding-left: 10px; margin-left: 10px; }

    #smallmenu { }

    #smallmenu li { font-size: 10px; }

    #smallmenu a { font-size: 10px; }
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Oldemuche Mitglied
    Registriert seit
    11.04.2006
    Beitrge
    1.027
    Beitragswertungen
    44 Beitragspunkte
    body
    
    {
    
    background-color: #000000;
    
    margin-left:0px;
    
    margin-right:0px;
    
    margin-top:0px;
    
    margin-bottom:0px;
    
    }


    Das ist für Hintergrundfarbe..
    ZitatZitat
    background-color: #000000;


    body
    
    {
    
    background-image: url(ordner/bildname.jpg);
    
    background-color: #000000;
    
    margin-left:0px;
    
    margin-right:0px;
    
    margin-top:0px;
    
    margin-bottom:0px;
    
    }


    Und so hast du dein Hintergrundbild.
    Nun kannst du noch das hintergrund positionieren und andere einstellungen machen mit:

    background-repeat: no-repeat;
    oder
    background-position: center center;
    etc..
    www.css4you.de

    Hoffe ich konnte dir helfen lcheln
    Mfg: oLde


    Zuletzt modifiziert von Oldemuche am 23.06.2010 - 17:24:41
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beitrge
    7.509
    Beitragswertungen
    1165 Beitragspunkte
    style.css
    body
    {
    background-color: #000000;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    }

    index.htm
    <style type="text/css">
    <!--
    body,td,th 
    {
    color: #FFFFFF;
    }
    body 
    {
    background-color: #1a1a1a;
    }
    -->
    </style>


    • Die style aus der index.htm entfernen!
    • body,td,th in die style einfügen!
    • background-image:url(bilder/hintergrundbild.jpg); in body{} der style.css einbinden!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Oldemuche Mitglied
    Registriert seit
    11.04.2006
    Beitrge
    1.027
    Beitragswertungen
    44 Beitragspunkte
    Ne kleine millisekunde früher lachen


    Zuletzt modifiziert von Oldemuche am 23.06.2010 - 17:24:06
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beitrge
    7.509
    Beitragswertungen
    1165 Beitragspunkte
    Nice!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Frostwolfxy Mitglied
    Registriert seit
    12.06.2010
    Beitrge
    54
    Beitragswertungen
    0 Beitragspunkte
    Hallo,

    hat geklappt, könnt ihr mir noch sagen, wie ich die News Schrift größer stelle ? Habe schon alle FFFFFF auf Px13 statt Px11 gestellt.


    Grüße

    Frostwolf
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beitrge
    7.509
    Beitragswertungen
    1165 Beitragspunkte
    td und a
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Frostwolfxy Mitglied
    Registriert seit
    12.06.2010
    Beitrge
    54
    Beitragswertungen
    0 Beitragspunkte
    Hab vielen Dank lcheln
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten