Eigene Galerie

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

Antworten
Benutzeravatar
Currynator
Forengänger
Forengänger
Beiträge: 43
Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:

Eigene Galerie

Beitrag von Currynator »

Hi,
habe ma ne Frage!
Könnte mir jemand ne Galerie entwerfen wo ich einfach nur noch die Url's einfügen kann? Hatte schon eine Galerie entworfen die mir aber nicht gefallen hat :LL

Am liebsten würde ich die habenhttp://www.fotoroute.de/galerie01.htm. Könnte den Code mir jemand posten?

Will die im Editor bei Npage einfügen.

:DA
[center]Wenn Du im Netz etwas findest, das Dich aufregt, dann ist genau eine
Person schuld daran: Du. Und es gibt genau eine Person, die etwas
daran ändern kann: Du.[/center]
Benutzeravatar
stundenbanner
Grosser Webmaster
Grosser Webmaster
Beiträge: 664
Registriert: Sa 21. Nov 2009, 07:08
Mein Vorname: Florian
Wohnort: nähe Hannover
Kontaktdaten:

Re: Eigene Galerie

Beitrag von stundenbanner »

Ich glaube die Galerie die auf der Seite zu zeigen ist kostenpflichtig (zumindest gibt es da ein Warenkorb).

Für meine Homepage habe ich eine Zeit lang die von dieser Seite genommen:

http://www.imageloop.com/de/setuplooop.htm

Das sah dann so aus so aus.

Bei der Umstellung zum neuen Design nahm ich aber ein Light Box Script was über JS läuft genommen.

Das sieht so aus:

Klick (auf ein Bild klicken).

Sonst hier noch ein Tipp von Jörg:

http://www.npage-hilfe.de/f70t1100-auf- ... html#p6854
LG Stundenbanner
[hilfe-lexikon][/hilfe-lexikon] | [pr-lexikon][/pr-lexikon]
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8337
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Eigene Galerie

Beitrag von moni »

Hallo ..
wenn es so was für dich gut wäre http://blicke1.npage.de/g%C3%A4nsebl%C3 ... 73153.html

untern ist das Code
.man kann sie auch in zwei Reihen oder eine usw umgestallten...auch die Bilder größe abstand usw.



Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Galerie</title>
<meta name="author" content="">
<meta name="editor" content="html-editor phase 5">
</head>

                    <style type="text/css">



/* Galerie*/

.ienlarger {
        float: left;
        clear: none;
        padding-bottom: 10px; /* Entfernug vom kleinen Bilder Horizontal*/
        padding-right: 10px;  /* Entfernug vom kleinen Bilder vertikal*/
}

.ienlarger a {
        display:block;
        text-decoration: none;
}

.ienlarger a:hover{         position:relative;
}

.ienlarger span img {
        border: 10px solid #FFFFFF; /*Dicke vom Ramen */       margin-bottom: 8px;
}

.ienlarger a span {
        position: absolute;
        display:none;
        color: #FFCC00;     text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;       background-color: #000000;
        font-weight: bold;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
        padding-left: 10px;   /*angaben  zum den großen Fenster*/
}

.ienlarger img {
border-width: 0;
}

.ienlarger a:hover span {
        display:block;
        top: 70px; /*Positsion vom Fenster,Man kann es ändern */
        left: 20px;        z-index: 100;



}

.resize_thumb {
        width: 150px;  /* Große vom Kleinen Bilder*/
        height : auto;
}

/*Ende Galerie*/


</style>



<table width="40%" border="0" cellpadding="0" cellspacing="0">  <table bgcolor="orange">

 <tr>

   <td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
    <img src=""width="450px" alt="large" /><br />
Platz füer text ,Beschreibung   Tittel</span></a></div></td>


  <td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
    <img src="" width="450px"alt="large" /><br />
    Name</span></a></div>

          <td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
    <img src=""width="450px" alt="large" /><br />
Tittel</span></a></div></td>
   </tr>
  <tr>

  <tr>

   <td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
    <img src=""width="450px" alt="large" /><br />
Tittel</span></a></div></td>


  <td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
    <img src="" width="450px"alt="large" /><br />
    Name</span></a></div>

          <td> <div class="ienlarger"><a href=""><img src="" alt="thumb" class="resize_thumb" /><span>
    <img src=""width="450px" alt="large" /><br />
Tittel</span></a></div></td>
   </tr>
  <tr>

</tr>

</table>

</body>
</html>
Viele Grüße ...Monika
Benutzeravatar
Currynator
Forengänger
Forengänger
Beiträge: 43
Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:

Re: Eigene Galerie

Beitrag von Currynator »

:DA für die schnelle Hilfen aber ich nehme dies von stundenbanner.
dies sieh einfach super aus :W :W

Thema kann geschlossen werden!!!! :X :X
[center]Wenn Du im Netz etwas findest, das Dich aufregt, dann ist genau eine
Person schuld daran: Du. Und es gibt genau eine Person, die etwas
daran ändern kann: Du.[/center]
Antworten

Zurück zu „hPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 31 Gäste