ilch Forum » Allgemein » HTML, PHP, SQL,... » Rahmen um Galerievorschaubilder

Geschlossen
  1. Mi. 06.02.2013 13:51 Uhr #1
    User Pic
    ARTelier Mitglied
    Registriert seit
    06.02.2013
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    Huhu alle zusammen!

    Ich hab stundenlang rumprobiert aber ich bekomm es nicht auf die Reihe und die Google-Suche gibt mir auch nicht die erhofften Ergebnisse!

    Nun zu meinem Problem:
    Ich hatte mir gestern "lightbox2" in meiner Galerie installiert.
    Lightbox2: (lokeshdhakar.com/projects/lightbox2/)
    Das hat alles so geklappt wie ich es wollte.
    Jedenfalls möchte ich um die Vorschaubilder der Galerie einen Rahmen haben.
    Den kann man ja ganz einfach in der gallery.htm bearbeiten: 
    <table "class="border"  border="2" cellspacing="1" cellpadding="0">

    Ich habe nun die Border auf 2 gesetzt, was man als weißen Rahmen um die Vorschaubilder hier sieht:
    HIER:artelierdan.funpic.de/index.php?gallery-4
    Jedenfalls habe ich es in der gallery.htm, sowie in der style.css versucht mit diversen Befehlen die Borderfarbe und den Borderstyle zu ändern. Vergeblich.

    1. Frage: Wo muss ich mit welchem Befehl dem Rahmen die Color sowie den Style befehlen?
    Peinlich das ich die Lightbox2 hinbekomme aber das nicht zunge

    2. Frage: Ich habe auf Webseiten gesehen, dass man um Bilder eine Art Schatten erstellen kann wie im Beispiel unten gezeigt. Jedoch weiß ich da ebenfalls nicht ob es in der Galerie klappt, und vorallem wie.
    Beispiel: externer Link

    Ich möchte nur eine Möglichkeit für die Vorschaubilder verwenden, also nur Rahmen oder nur Schatten.

    Ich habe das Design verwendet: externer Link

    Ich bedanke mich jetzt schon mal! MfG lächeln

    betroffene Homepage: artelierdan.funpic.de/index.php?gallery-4


    Zuletzt modifiziert von ARTelier am 06.02.2013 - 13:57:31
    Visit Facebook: externer Link
    Visit Atelier: artelierdan.funpic.de
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 06.02.2013 18:10 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Such mal in der gallery.htm nach folgendes: 

               <td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title="&nbsp;" /></a></td>


    Hier kannst Du am Besten dem Bild (<img>) eine CSS-Klasse verpassen und diese dann in der style.css definieren. Damit wären beide Fragen erledigt!

    zB.: 
    <img src="include/images/gallery/img_thumb_{id}.{endung}" class="galleryimg" border="0" alt="{datei_name}" title="&nbsp;" />


    .galleryimg {
background: url(url/bildschatten.png) no-repeat bottom left;
padding: 4px 7px 17px 7px;
border: none;
}
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 06.02.2013 19:50 Uhr #3
    User Pic
    ARTelier Mitglied
    Registriert seit
    06.02.2013
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    Hat geklappt. Ein ganz großes Dankeschön an dich Lord|Schirmer! lächeln

    Siehe hier: artelierdan.funpic.de/index.php?gallery-4!

    Jetzt will ichs aber wissen.zunge

    Bei der Lightbox2 ändert der Rahmen um ein Vorschaubild beim Mouseover seine Farbe.
    kann ich dann zum Beispiel: 

    .galleryimg:hover
{
background: url(images/shadow_hover.png);
background-repeat: no repeat;
padding: 12px 12px 12px 12px;
Border: 0px;	
}
    ???

    Was ist da falsch? Wenn ich diesen Abschnitt in die css mit reinschreibe stimmt an der Seite garnichts mehr... traurigtraurig
    Visit Facebook: externer Link
    Visit Atelier: artelierdan.funpic.de
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 06.02.2013 20:07 Uhr #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    An sich ist es schon richtig, bis auf border vielleicht klein. Jedoch vermute ich mal das die URL der Bildquelle nicht passt. 

    .galleryimg {
background: url(images/bildschatten.png) repeat;
padding: 12px;
border: none;
}
.galleryimg:hover {
background: url(images/bildschatten-hover.png) repeat;
padding: 12px;
border: none;
}


    und dann die Bilder in den Ordner include/designs/professional2/images/ werfen!
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  5. Mi. 06.02.2013 20:54 Uhr #5
    User Pic
    ARTelier Mitglied
    Registriert seit
    06.02.2013
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    Ich danke dir.

    Rollover läuft: artelierdan.funpic.de/index.php?gallery-4

    Das ist echt einfacher als ich mir vorgestellt habe.
    Aber darauf erstmal zu kommen!
    Visit Facebook: externer Link
    Visit Atelier: artelierdan.funpic.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten