ilch Forum » Ilch Clan 1.1 » Allgemein » Css ins Profil

Geschlossen
  1. Do. 07.06.2012 18:24 Uhr #1
    User Pic
    bigani Mitglied
    Registriert seit
    31.10.2009
    Beiträge
    324
    Beitragswertungen
    1 Beitragspunkte
    Sers

    Hoch gerade daran css over efeckt mit bilder ins Profil zu Integrieren,

    Habe erstmal so angefangen das ich in die exestierende css am ende dies einfügte 

    #link1:hover
{
	/* hintergrundbild des links 1 beim mouse over*/
	background: url(Persoenlich_Over.png) no-repeat;
}



    habe noch am anfang der Userdetais.htm dies eingefügt. 
    <head>
		<title>horizontal menü mit mouse hover bild effekten</title>
		<link rel="stylesheet" type="text/css" href="style.css">
</head>


    Dan bin ich zum Bestehenden und funktionierendem Menue und habe es Umgeschrieben in dies. 


    </li>
            <li id="link1"><a href="javascript:void(0);" onClick="toggleMenu(1);"><img src="include/images/userdetails/Persoenliches.png"/></a> </li>



    Danach sollter er mir ja Testweise für den ersten buttom also Persönliches ein hover efeckt anzeigen in dem er mir die 2te Grafik 8die ja in einer andern farbe Besteht)anzeigt, nur leider tut sich da grrade nix Jedoch das Menue an sich Funktioniert weiterhin.

    betroffene Homepage: testseite.germanhellfighters.de/index.php?user-details-1

    War das jetzt ein denkfehler meiner seits ? oder kann das garnicht auf diese weisse Funktionieren?


    Zuletzt modifiziert von bigani am 07.06.2012 - 18:25:44
    Ein Xd und ^^ und LOL und D Beweist Skill wen mans nach Jedem Satz Schreibt ^^xd LOL D
    0 Mitglieder finden den Beitrag gut.
  2. Do. 07.06.2012 19:01 Uhr #2
    User Pic
    google.de Mitglied
    Registriert seit
    26.01.2012
    Beiträge
    352
    Beitragswertungen
    33 Beitragspunkte
    erstens liegt deine Grafik wirklich in dem Ordner in dem deinem Css Datei ist?

    ZitatZitat
    background: url(Persoenlich_Over.png) no-repeat;


    falls nicht gib einen absoluten oder relativen Pfad an.

    Warum das nicht funktionert ist einfach. Deine Css Datei ist zwar eingebunden aber sie beinhaltet keinerlei Informationen. 

    #link1:hover
{
    /* hintergrundbild des links 1 beim mouse over*/
    background: url(Persoenlich_Over.png) no-repeat;
}


    das steht nicht in der Datei drinne. Sie ist komplett leer
    Kein Support per PN!
    Wenn ich zitiere ist dies KEIN Angriff auf die Person!
    0 Mitglieder finden den Beitrag gut.
  3. Do. 07.06.2012 19:12 Uhr #3
    User Pic
    bigani Mitglied
    Registriert seit
    31.10.2009
    Beiträge
    324
    Beitragswertungen
    1 Beitragspunkte
    Editt:

    Aso ^^ ja Natürlich habe ich hier in der Css das so Stehen 


    #link1
{
	/* hintergrundbild des links 1 */
	background: url(Persoenliches.png) no-repeat;
}
 
#link1:hover
{
	/* hintergrundbild des links 1 beim mouse over*/
	background: url(Persoenlich_Over.png) no-repeat;
}



    Zuletzt modifiziert von bigani am 07.06.2012 - 19:26:59
    Ein Xd und ^^ und LOL und D Beweist Skill wen mans nach Jedem Satz Schreibt ^^xd LOL D
    0 Mitglieder finden den Beitrag gut.
  4. Do. 07.06.2012 20:40 Uhr #4
    User Pic
    google.de Mitglied
    Registriert seit
    26.01.2012
    Beiträge
    352
    Beitragswertungen
    33 Beitragspunkte
    ja das ist auch ganz normal das das nicht angezeigt wird. Du hast ein Bild dem Bild gibst du ein img (html) dann sagast du aber noch in css das dieses Bild zu dem Bild noch einen Hintergrund hat. Jetzt änderst du jedes mal zwar den Background aber der ist ja sowieso nicht sichtbar. Es wird ja das Bild angezeigt.
    Kein Support per PN!
    Wenn ich zitiere ist dies KEIN Angriff auf die Person!
    0 Mitglieder finden den Beitrag gut.
  5. Do. 07.06.2012 22:28 Uhr #5
    User Pic
    bigani Mitglied
    Registriert seit
    31.10.2009
    Beiträge
    324
    Beitragswertungen
    1 Beitragspunkte
    In jeder anLeitung wo ich gefunden habe wird allerdings gesagt das es backgraund img ist (befehl) oder backgraund url nd ein html befehl fpr (img) würd doch da auch nicht laufen oder ?
    Ein Xd und ^^ und LOL und D Beweist Skill wen mans nach Jedem Satz Schreibt ^^xd LOL D
    0 Mitglieder finden den Beitrag gut.
  6. Do. 07.06.2012 22:57 Uhr #6
    User Pic
    google.de Mitglied
    Registriert seit
    26.01.2012
    Beiträge
    352
    Beitragswertungen
    33 Beitragspunkte
    genau. Ergo wird diese Variante von dir nicht funktionieren.
    Kein Support per PN!
    Wenn ich zitiere ist dies KEIN Angriff auf die Person!
    0 Mitglieder finden den Beitrag gut.
  7. Do. 07.06.2012 23:17 Uhr #7
    User Pic
    bigani Mitglied
    Registriert seit
    31.10.2009
    Beiträge
    324
    Beitragswertungen
    1 Beitragspunkte
    Ja welche were dan eine Richtige ? Funktionierende? oder habe ich nur das flasche gegoogelt? man man das Profil macht mich noch kapput^^
    Ein Xd und ^^ und LOL und D Beweist Skill wen mans nach Jedem Satz Schreibt ^^xd LOL D
    0 Mitglieder finden den Beitrag gut.
  8. Fr. 08.06.2012 00:06 Uhr #8
    User Pic
    google.de Mitglied
    Registriert seit
    26.01.2012
    Beiträge
    352
    Beitragswertungen
    33 Beitragspunkte
    Da gibts 1000 Möglichkeiten. 1 Wäre wenn du es weiterhin per Bild machen willst das du dem img ein onmousover tag erstellst und dden Pfad in dem Format übergibst. 

    this.src='Pfad/Img.jpg'


    insgesamt dürfte das wie folgt aussehen 

    <img src="deinPfadzumBild/Bild.jpg" onmouseover="this.src='Pfad/Img.jpg'">


    oder du verwendest einen divcotainer dem du eine höhe und eine Breite gibst und dem ein background hinterlegst so wie du es bereits getan hast per css.
    Kein Support per PN!
    Wenn ich zitiere ist dies KEIN Angriff auf die Person!
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 08.06.2012 00:57 Uhr #9
    User Pic
    bigani Mitglied
    Registriert seit
    31.10.2009
    Beiträge
    324
    Beitragswertungen
    1 Beitragspunkte
    ok per css

    was ich ja Bereits getan habe, aber wo is da mein Fehler?
    Ein Xd und ^^ und LOL und D Beweist Skill wen mans nach Jedem Satz Schreibt ^^xd LOL D
    0 Mitglieder finden den Beitrag gut.
  10. Di. 19.06.2012 02:24 Uhr #10
    User Pic
    bigani Mitglied
    Registriert seit
    31.10.2009
    Beiträge
    324
    Beitragswertungen
    1 Beitragspunkte
    Habs jezuz auch mal so Versucht


    Neue css mit dem Inhalt. 

    mo1.kontakt{
display:block;
width:16px;
height:16px;
background: transparent url(include/images/userdetails/Persoenliches.png) 0px 0px no-repeat;
text-indent:-9000%;
}
mo1.hover.kontakt{
background: transparent url(include/images/userdetails/Persoenlich_Over.png) 0px -16px no-repeat;
}


    Im der User deteis im head mit dem inhalt. 
    <link rel="stylesheet" type="text/css" href="include/designs/Blackline/style.css" media="screen">



    Funtz auch nicht, Laut verschiedener Tuts sollte es jezt alterdings laufen.:'(

    Gierbst nicht noch eine Lösung ? oder kann mir einer vlt Netterweise Konkret sagen wo da der Fehler ist? und bitte nicht einfach Fertige codes Posten!
    Ein Xd und ^^ und LOL und D Beweist Skill wen mans nach Jedem Satz Schreibt ^^xd LOL D
    0 Mitglieder finden den Beitrag gut.
  11. Di. 19.06.2012 07:13 Uhr #11
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1216 Beitragspunkte
    Also wenn dann

    .kontakt{}
    .kontakt:hover{}

    wenn die Pfade zur css und zu den Bildern passen, kann es nur noch an der Einbindung der Klassen liegen.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  12. Di. 19.06.2012 12:04 Uhr #12
    User Pic
    bigani Mitglied
    Registriert seit
    31.10.2009
    Beiträge
    324
    Beitragswertungen
    1 Beitragspunkte
    Was heißen soll das mans so wie dus Geschrieben hast Schreib Sollte ? also +}?
    und dachte man kann davor noch wad wie mo1 hinschreiben damit ich das dan in die Class abfrage mir rein nehmen kann?
    Ein Xd und ^^ und LOL und D Beweist Skill wen mans nach Jedem Satz Schreibt ^^xd LOL D
    0 Mitglieder finden den Beitrag gut.
  13. Di. 19.06.2012 12:40 Uhr #13
    User Pic
    google.de Mitglied
    Registriert seit
    26.01.2012
    Beiträge
    352
    Beitragswertungen
    33 Beitragspunkte
    Du weist was du haben willst. Dein Problem ist nur du weist nicht wie. Dies ist ein Problem bei vielen Anfängern.

    Die Syntax als Anfänger zu beherschen ist sehr wichtig da meist das Verständniss wie man Programmiert danach kommt. Dann ist es egal in welcher Sprache du scriptes.

    du schreibst:
    mo1.kontakt
    Versuch immer zu überlegen was genau bewirkt dies.
    Als Beispiel das obere:
    Css suche nach einem Html Element das mo1 heißt und die Klasse kontakt hat.

    Das dadrunter : mo1.hover.kontakt
    bedeutet.
    Css suche nach einem html Element das mo1 heißt die klasse hover UND kontakt hat.

    Wie du siehst hast du die Syntax schon fast richtig. Wie LordSchirmer schon geschrieben hat werden sogenannte Events in Css anders eingeleitet.
    Eine Auflistungen
    ID´s = #
    Klassen = .
    Events = :

    ZitatZitat
    und dachte man kann davor noch wad wie mo1 hinschreiben damit ich das dan in die Class abfrage mir rein nehmen kann?


    Ich nehme an das du damit folgendes mit meinst:
    Du willst 2 Klassen die gleichen Attribute mit übergeben.
    Also mo1 und kontakt
    oder willst du dem Element die Attribute gebend er beide klassen hat?
    oder willst du noch etwas anderes?

    ZitatZitat
    Was heißen soll das mans so wie dus Geschrieben hast Schreib Sollte ? also +}?


    Klammern leiten etwas ein bzw. beenden etwas.
    Das heist ob du nun 
    .kontakt{}

    oder 
    .kontakt{


}

    schreibst ist völlig belanglos. Der Php-Interpreter interpretiert nur die Syntax. Leerzeichen sind nicht von bedeutung. Ich nehme ma an das dies deine Frage war.
    Kein Support per PN!
    Wenn ich zitiere ist dies KEIN Angriff auf die Person!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten