Seite 2 von 4

Re: Nach oben Code

Verfasst: Di 10. Sep 2013, 09:36
von Jasko
thaileben hat geschrieben: ebenso wäre es gut wenn ein nach oben Schriftzug irgendwo in der mitte der Seite (von oben gesehen nicht seitlich) eingebaut werden könnte, jedoch so das ich das nicht einzeln auf jeder Seite machen muss.
Für dieses gäbe es auch eine Lösung, du kannst einen mit der Seite "mitfahrenden" nach oben Link setzen. So ist dieser immer zu sehen und man kann bei bedarf darauf klicken, diesen kannst du auch belibig positionieren.

Ich meine das so wie hier das Menu: http://www.dynamicdrive.com/dynamicinde ... icmenu.htm

Nur kann man das ganze auch nur für einen Link nutzen und auch anders Positionieren.

MFG

Re: Nach oben Code

Verfasst: Di 10. Sep 2013, 10:20
von thaileben
Hallo Jasko
Ich habe den pfeil wieder eingebaut hier http://thailandbilder.npage.de/impressionen.html 2 Bilder von oben (die meisten sind 700 breit)

Code: Alles auswählen

<p style="text-align:right;"><a href="#top"><img src="http://file1.npage.de/008633/71/bilder/pfeil-2.png"></a><p/>
der andere link ist auch sehr gut ein Pfeil so verpacken wäre natürlich toll und das beste weil er gleich mitfährt
jedoch offen gestanden kann ich mit englisch nicht viel und den ganzen code da verstehe ich eh nicht ---leider bin ich da total überfordert.
wüsste nicht mal richtig wo einbauen. :E

Danke für deine hilfe

Jürg :X

Re: Nach oben Code

Verfasst: Di 10. Sep 2013, 13:19
von Jasko
Hier mein Lösungsvorschlag zu ersterem:
http://npage-hilfe.net/demo/juerg.html

Hier der zweite Vorschlag wo der Pfeil mit fährt:
http://npage-hilfe.net/demo/juerg2.html

Beim ersten benutzt man diesen CSS Code:

Code: Alles auswählen

  
a.pfeil {
     float:right;
     margin-right:-10px;
     margin-left:-38px;
}
 
Und in der Textseite diesen: (berall da wo er zu sehen sein soll)

Code: Alles auswählen

<a href="#top" class="pfeil"><img src="http://file1.npage.de/008633/71/bilder/pfeil-2.png"></a>
Beim zweiten benutzt man diesen CSS Code:

Code: Alles auswählen

a.pfeil {
		position:fixed;
		right:2%;
		bottom:20%;
		width:38px;
		height:58px;
	}
Und in der Textseite diesen: (Nur einmal einfühgen irgendwo auf der Seite.)

Code: Alles auswählen

<a href="#top" class="pfeil"><img src="http://file1.npage.de/008633/71/bilder/pfeil-2.png"></a>
MFG

Re: Nach oben Code

Verfasst: Di 10. Sep 2013, 13:50
von thaileben
guten abend

Wow, das ging ja schnell die zwei Muster vielen Dank.

eine frage noch. Wo in der CSS müsste ich den code einfügen?

Es ist schon spät und werde eine Nacht drüber schlafen bevor ich mich dann entscheide.
mir gefällt Lösung zwei ganz gut habe es in anderen Bildschirmauflösungen angesehen http://www.onlyfree.de/generatorresolution.php
und finde es ist gut das er da mit ins Bild fährt.

was empfinden die anderen Mitglieder als bedienerfreundlicher??

Jürg :X :R :R

Re: Nach oben Code

Verfasst: Di 10. Sep 2013, 15:14
von Watsing
Hallo Jürg

Ich würde es so lassen wie es ist! :G Aber wenn du was ändern möchtest so würde ich Variante 2 nehmen die gefällt mir besser. :X

Re: Nach oben Code

Verfasst: Di 10. Sep 2013, 17:04
von moni
Beide Variante sind sehr gut gemacht !

Super Arbeit Jasko [smilie=clap.gif] [smilie=clap.gif] wirklich clever gelöst ,wieder was neues gelernt :X :DA

Re: Nach oben Code

Verfasst: Di 10. Sep 2013, 17:37
von Jasko
thaileben hat geschrieben:guten abend

Wow, das ging ja schnell die zwei Muster vielen Dank.

eine frage noch. Wo in der CSS müsste ich den code einfügen?
Du kannst es am Ende deiner CSS Datei einfügen, oder dort wo die anderen Codes für Links sind, im Grunde ist es egal, aber es hilft wenn man seine CSS strukturiert.

MFG

PS: Ich würde dem Bild ein Title Atributt verpassen, dann weiss man was man mit dem Bild anfangen kann wenn man mit der Maus drühber fährt.

Re: Nach oben Code

Verfasst: Mi 11. Sep 2013, 03:26
von thaileben
Danke für deine Meinung Olav ich denke auch das zweite. ---Gibt auch bedeutend weniger Arbeit :G Hab ja massig Bilder drin.

Gut Jasko, ich hatte es fast angenommen das es bei der CSS nicht so wichtig ist wo ---- war mir jedoch nicht sicher.

Wegen dem alt atribut verstehe ich dich nicht richtig habe überall einen "alt" text drin, Hier eine Auswahl was ich meine.

Code: Alles auswählen

<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_02.jpg" alt="Spiegel verschönerungen " /></p>
<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_03.jpg" alt=" Kleinteile für das Auto" />
<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_04.jpg" alt="Polster" />
<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_05.jpg" alt="Chrom oder Plastik " /></p>
<p style="text-align: center;"><img border="1" src="http://file1.npage.de/008633/71/bilder/car-shop_06.jpg" alt="Lämpchen und Lichter" /></p>
nochmals vielen Dank für die codes. Werde mich nachher an die "Arbeit" machen.

Jürg :X

Re: Nach oben Code

Verfasst: Mi 11. Sep 2013, 14:04
von thaileben
Will Euch an meiner Freude teilhaben lassen. :I

Mir hat es der zweite wo der Pfeil mitläuft dermassen angetan das ich heute gleich
meine http://thailandbilder.npage.de/willkommen.html
und
http://thaileben.npage.de/willkommen.html

jede einzelne Seite bearbeitet habe und den Code eingefügt.
habs dann auf meinem Samsung SII Smartfone angesehen es funzt ---einfach toll :I
dafür nochmal ein ganz spezielles :DA an Jasko

Jürg :X

Re: Nach oben Code

Verfasst: Mi 11. Sep 2013, 17:02
von Jasko
thaileben hat geschrieben:
Wegen dem alt atribut verstehe ich dich nicht richtig habe überall einen "alt" text drin, Hier eine Auswahl was ich meine.
Ja vieleicht habe ich mich falsch ausgedrückt. Ich meinte auch nicht deine eigentlichen Bilder auf der Seite sondern den Pfeil den du gerade eingebaut hast, wenn man den so sieht weiss man ja nicht automatisch wo zu der gut ist, wenn man dan mit der maus drühber geht und es erscheint der Text "Nach oben" zum Beispiel dann wird den unwisenden sicher weiter geholfen.

MFG