Allgemeine Fragen zu
hPage
Moderator: HTML-Laie
Currynator
Forengänger
Beiträge: 43 Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:
Beitrag
von Currynator » Do 29. Jul 2010, 19:47
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 haben
http://www.fotoroute.de/galerie01.htm . Könnte den Code mir jemand posten?
Will die im Editor bei Npage einfügen.
[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]
stundenbanner
Grosser Webmaster
Beiträge: 664 Registriert: Sa 21. Nov 2009, 07:08
Mein Vorname: Florian
Wohnort: nähe Hannover
Kontaktdaten:
Beitrag
von stundenbanner » Do 29. Jul 2010, 20:14
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]
moni
Held des Forums
Beiträge: 8356 Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Beitrag
von moni » Fr 30. Jul 2010, 08:13
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
Currynator
Forengänger
Beiträge: 43 Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:
Beitrag
von Currynator » Fr 30. Jul 2010, 16:26
[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]
Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste