ilch Forum » Allgemein » HTML, PHP, SQL,... » Hintergrundbild mittels css

Geschlossen
  1. Di. 17.10.2006 18:39 Uhr #1
    User Pic
    Karnickel Mitglied
    Registriert seit
    30.04.2006
    Beiträge
    261
    Beitragswertungen
    0 Beitragspunkte
    Hallo!
    Hab die SUFU schon benutzt, leider finde ich irgendwie nichts, was mir wirklich hilft.(Ich weiß, dieser Satz wird hier zu oft gesagt, aber ich habe schon einen Bekannten gefragt, der kann mir aber nciht helfen. Vielleicht binb ich was css angeht zu dumm ^^)

    Also hier das Problem:
    Ich würde gerne mein Forum so verändern, dass anstelle der Farbe oben, wo "Forum" ect. steht, ein Bild ist. Das ist an sich nicht schwer. Doch da ich 2 Designs habe, muss ich mit der css.datei arbeiten. Noch logisch, oder?

    Da ich also die css.Datei verändern muss, muss ich ja in der betreffenden Datei was ändern.
    Hier sind die 2 Ausschnitte der betroffenen Dateien:

    1. includetemplatesforumshowforum.html 
    <table width="100%" cellpadding="4" cellspacing="1" border="0" >
	<tr>
    <th width="58%" colspan="2" align="center" class="fo"><b>{_lang_board}</b></th>
    <th width="6%">{_lang_post}</th>
    <th width="6%">{_lang_topic}</th>
    <th width="25%" align="center">{_lang_lastpost}</th>
  </tr>


    Ich hätte gerne in der Spalte mit{_lang_board} das Bild, was ich in der style.css angegebe, gezeigt wird.

    2.die css.Datei: 
    body.fo 
{ 
        background-image: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png) top left repeat; 
}


    fo ist bei mir der Eintrag in de style.css. Ich weiß nur nicht, wie ich den Code ändern muss, damit das Bild, was in der style.css genannt wird in meiner html gezeigt wird.

    Kann mir da jemand helfen?
    Danke
    Karnickel


    verwendete ilchClan Version: 1.1

    betroffene Homepage: svahlem.sv.funpic.de/seite/index.php?forum


    Zuletzt modifiziert von Karnickel am 17.10.2006 - 18:42:14
    externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Di. 17.10.2006 20:09 Uhr #2
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    Ich hab zwar nicht so die Ahnung von CSS, aber der eintrag sollte eher so aussehen 

    fo
{
        background-image: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png) top left repeat;
}


    also ohne das body.
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  3. Di. 17.10.2006 22:47 Uhr #3
    User Pic
    Nero Hall Of Fame
    Registriert seit
    12.11.2005
    Beiträge
    987
    Beitragswertungen
    0 Beitragspunkte
    so und nochmal korigier,
    eine css class wird mit einem pünktchen angefangen zwinker
    also so: 

    .fo
{
        background-image: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png) top left repeat;
}


    MFg Nero
    ilch-Portal coming soon lachen

    0 Mitglieder finden den Beitrag gut.
  4. Di. 17.10.2006 23:09 Uhr #4
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    @Nero
    Wenn die Klasse immer mit nem Punkt beginnt, dann erklär mir dochmal wieso in der style.css des Standarddesigns einige ohne sind und genauso funktionieren

    Deine Aussage will ich nicht anzweifeln, ich will will nur nicht dumm sterben
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  5. Di. 17.10.2006 23:44 Uhr #5
    User Pic
    Nero Hall Of Fame
    Registriert seit
    12.11.2005
    Beiträge
    987
    Beitragswertungen
    0 Beitragspunkte
    also standartgemäss beginnen sie mit punkte.

    Also ich hab es so gelernt

    ohne punkte, also so:
    body, image, blablabla
    kann man direkt die thml tags verändern, das heisst, man kann auch eigene erstellen(hab ich schon ausprobiert und es funtzt wunderbar)
    mit punkte, class:
    .irgendein_bg etc,
    kann man dann im html tag per class="" aufrufen.
    mit gartenhag, ID's:
    #header etc,
    kann man dann im html tag per id="" aufrufen.

    es kann sein dass es nicht stimmt *gg*

    Mfg Nero
    ilch-Portal coming soon lachen

    0 Mitglieder finden den Beitrag gut.
  6. Di. 17.10.2006 23:52 Uhr #6
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    Na dann kann ich jetzt ja beruhigt sterben zwinker
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  7. Do. 19.10.2006 11:17 Uhr #7
    User Pic
    LoRrD_oF_D Mitglied
    Registriert seit
    11.08.2006
    Beiträge
    263
    Beitragswertungen
    0 Beitragspunkte
    Nene so wie es hier gemacht wurde verlinkt ihr das ja zum einem Bild also zur Url aber was der glaub will ist der Code 
    background:url(images/Bildname.jpg) #151515 ;

    So könnte des zum Bsp aussehen.
    Ich hoffe es hat dir geholfen falls nicht dann meld dich einfach auf evolvex-design.omegaspace.de
    Webdesign & GFX Community
    Mfg der LoRrD_oF_D
    I'm living for designing, (but) what's up with coding?
    One of the Best Community on the world
    highrise-gfx.de
    0 Mitglieder finden den Beitrag gut.
  8. Do. 19.10.2006 16:48 Uhr #8
    User Pic
    Karnickel Mitglied
    Registriert seit
    30.04.2006
    Beiträge
    261
    Beitragswertungen
    0 Beitragspunkte
    Hi und danke für die Antworten.

    Das Problem ist leider nur, dass es mir nichts bringt, bzw. nicht so stimmt/klappt. zwinker

    Der Code für die showforum.html ist ja entscheidend. Von einem Bekannten habe ich gehört, dass man "class" nicht einfach so im "Raum" stehen lassen kann. Weiß nicht, ob das so stimmt.

    Wie muss ich den Code ändern, damit es klappt? 

    <table width="100%" cellpadding="4" cellspacing="1" border="0" >
	<tr>
    <th width="58%" colspan="2" align="center" class=".fo"><b>{_lang_board}</b></th>


    Das ist der Code der showforum.html.
    Leider klappt es so nciht.
    Weiß Jemand Rat?

    Denn die Verbindung zur style.css klappt schon, nur mag er anscheinend nciht das Bild, oder den Link dazu. Oder kanns daran liegen, dass es vielleicht zu groß ist?
    Das glaube ich aber nciht, da ich das Bild normal über html dort einfügen kann, nur halt nciht über die style.css.

    lg
    Karnickel


    Zuletzt modifiziert von Karnickel am 19.10.2006 - 17:11:37
    externer Link
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 27.10.2006 09:09 Uhr #9
    User Pic
    Karnickel Mitglied
    Registriert seit
    30.04.2006
    Beiträge
    261
    Beitragswertungen
    0 Beitragspunkte
    Kennt sich damit wirklich keiner aus? lächeln

    Ist das denn für jemanden mit Ahnung so schwer, ein Bild in die styl.css einzubinden?

    lg
    Karnickel
    externer Link
    0 Mitglieder finden den Beitrag gut.
  10. Fr. 27.10.2006 09:42 Uhr #10
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Karnickel

    <table width="100%" cellpadding="4" cellspacing="1" border="0" >
	<tr>
    <th width="58%" colspan="2" align="center" class=".fo"><b>{_lang_board}</b></th>


    Das ist der Code der showforum.html.
    Leider klappt es so nciht.
    Weiß Jemand Rat?


    Hi, ich weiß nicht ob ich mich da jetzt täusche aber in html quelltext ist die class="fo" also ohne punkte, in der css mit...
    und es ist IE-freundlicher wenn du anstatt des CSS-Befehls "background-image" einfach "background" verwendest...
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  11. Fr. 27.10.2006 09:57 Uhr #11
    User Pic
    Karnickel Mitglied
    Registriert seit
    30.04.2006
    Beiträge
    261
    Beitragswertungen
    0 Beitragspunkte
    Hab jetzt beides ohne:

    html: 
    <table width="100%" cellpadding="4" cellspacing="1" border="0" >
	<tr>
    <th width="58%" colspan="2" align="center" class="fo"><b>{_lang_board}</b></th>


    css: 
    fo
   background: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png);
   background-repeat:no-repeat;
   width:350px;
   height:30px
}


    Habs jetzt schon alles ausprobiert, mit, ohne. Mit . in der html und mit in der css geht gar nciht, nicht mal bei den schon vorhandenen Einträgen.

    Ich hab so langsam alles ausprobiert, verdammt. *g*
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Fr. 27.10.2006 10:07 Uhr #12
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    also an den lezten 2 codes stört nur das du eine "{" und einen ";" vergessen hast, aber vlt stimmts im originalen code...

    meine Lösungsvorschläge: 

    fo {
   background: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png);
   background-repeat:no-repeat;
   width:350px;
   height:30px;
}


    .fo {
   background: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png);
   background-repeat:no-repeat;
   width:350px;
   height:30px;
}


    .fo th {
   background: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png);
   background-repeat:no-repeat;
   width:350px;
   height:30px;
}


    wenn das nicht funktioniert weiß ich auch nicht weiter...
    ich habe zwar in so manchen CSS schon die Version mit # anstatt einem Punkt gesehen aber was der unterschied sein soll.... frag mich nicht

    Und in der html gehört 100% kein Punkt
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  13. Fr. 27.10.2006 10:34 Uhr #13
    User Pic
    Karnickel Mitglied
    Registriert seit
    30.04.2006
    Beiträge
    261
    Beitragswertungen
    0 Beitragspunkte
    Hi und danke.
    Ich habs jetzt rausgefunden!

    Und zwar habe ich mir mal ganz frach die style.css des ilch Forums angesehen.

    Dort steht, wie es geht. Also hier meine Codes:

    html: 
    <table width="100%" cellpadding="4" cellspacing="1" border="0" >
	<tr>
    <th width="58%" colspan="2" align="center" class="fa"><b>{_lang_board}</b></th>
    <th width="6%" class="fm">{_lang_post}</th>
    <th width="6%" class="fm">{_lang_topic}</th>


    fa,fm,fe sind die Einträge in der css., jeweils für die einzelnen Bereiche eingetragen.

    css: (alle:fa,fm,fe) 
    .fa
{
  background: url(http://svahlem.sv.funpic.de/seite/include/images/forumc.png) repeat-x;  
  height: 27px;  
  padding: 0;
  color: #ffffff;
  font-size: 11px;
}

.fm
{
  background: url(http://svahlem.sv.funpic.de/seite/include/images/forumd.png) repeat-x;  
  height: 27px;  
  padding: 0;
  color: #ffffff;
  font-size: 11px;
}

.fe
{
  background: url(http://svahlem.sv.funpic.de/seite/include/images/forume.png) repeat-x;  
  height: 27px;  
  padding: 0;
  color: #ffffff;
  font-size: 11px;
}


    So, falls es jemanden interessiert!

    An das Ilch-Team:

    Verzeihung, dass ich euere Skript so dreist benutzt habe, aber es kam keine Hilfe und anders wusste ich nicht weiter. Ausserdem beschädige ich, oder klaue etwas. Danke

    lg
    Karnickel
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. Fr. 27.10.2006 10:42 Uhr #14
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    Okay, das mit den Hintergrund Bildern und CSS...^^

    Bei mir klappt es mal so mal so.

    aber naja wayne hauptsache funzt
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten