javascript für active:links?

ja, und ändere mal deren Reihenfolge zueinander. Klappt es dann?

nein, aber ich glaube trotzdem, dass irgendwo im css der teufel sitzt. wenn ich der ___.html das am server vorhandene css file zuweise(oben gepostet) dann funzt auch in der ___.html das jqwery nicht mehr oder ist zumindest nicht mehr sichtbar.... :( :( :(

2tes beispiel. hab der index.html hier http://border-less.eu/freund/3/index.html# jetzt auch mal die css files rausgenommen.
der erste link - faces- ist blank, also #. funktioniert dann auhch. wenn man dann aber auf "work" weitergeht, dann nicht! WÜRG!
ich werd noch verrückt mit der SCHEI((§$/§$(/§ :(
 
Zuletzt bearbeitet:
mach doch die php variante.
das mit dem anfänglichen iframe ist eh murks.
und die php sache sieht doch schon ganz i.O. aus. :)

Beim html/iframe läuft doch sogar auch das jquery!
genauso einbinden im php-teil.

edit:
…und nimm mal die <p>-tags aus der headline <h1> raus > php
 
mach doch die php variante.
das mit dem anfänglichen iframe ist eh murks.
und die php sache sieht doch schon ganz i.O. aus. :)

Beim html/iframe läuft doch sogar auch das jquery!
genauso einbinden im php-teil.

edit:
…und nimm mal die <p>-tags aus der headline <h1> raus.

wie nun?
jetzt kenn ich mich gar nicht mehr aus. :( bei dem html/iframe ist nur der erste menupunkt on:clcik rot... :(
die iframe variante ist schon ausgeschieden. zur debatte würde auch noch rein html stehen. das hab ich im unterordner "3" vorher versucht... weiss aber nicht, was besser ist. funktioniert hat das jqwery bei beiden nicht :(
 
das jquery läuft: damit meinte ich den Bildereffekt des "popups mit abdunkeln".

Mach die php-Seite und die Menueführung gestaltest du via css und hier mit div > ul > li etc.
Kau dich halt da durch – dann wirst du es auch bald begreifen. :teeth:
 
Zuletzt bearbeitet von einem Moderator:
das jquery läuft: damit meinte ich den Bildereffekt des "popups mit abdunkeln".

Mach die php-Seite und die Menueführung gestaltest du via css.
Kau dich halt da durch – dann wirst du es auch bald begreifen. :teeth:

das is doch kein jqwery, sonder das lightbox.js ?

edit. hab das gerade probiert, bei beiden seiten, aber ich bin anscheined ZU BLÖD! ****! :X : X:X:X:X
jetzt kommt der frust....
 
Zuletzt bearbeitet:
jQuery lightBox plugin heisst es regulär.
Lightbox ist ein "fertiges" Plugin für die jquery Bibliothek.

Mit dem css (seiten-layout) hat das wenig zu tun, richtig.

Lies mal diesen Thread.
Evtl. wird es ein wenig klarer dann.
Dann diese Seite.

Morgen früh machste dir 'nen Kaffee und liest das Ganze nochmal durch.
Morgen ist auch noch ein Tag – eine schöne Phrase für das Webdesign. :)
Manchmal klappt es wirklich erst, wenn man so will, eine Nacht drüber geschlafen hat.
 
Zuletzt bearbeitet von einem Moderator:
oha. das ist mir jetzt zu wirr :D

fangen wir doch mal ganz simpel an:
was ist denn dein ziel?

1x natürlich die lightbox. die lassen wir jetzt mal aussen vor.

und dann, das der aktive links rot (oder andersweitig formatiert) ist, oder?
du hast ja für jede seite eine eigene php/html seite angelegt. das macht auch sinn. wenn du nichts includest, brauchst du ja nurnoch dem aktiven link die id "aktiv" zu geben der du im css die rote farbe zuweist.

also brauchst du ja dafür z.b. gar kein javascript

die seite "about.php" (die jetzt übrigens auch wieder about.html heissen kann) sähe dann ungefähr so aus:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  	<meta http-equiv="content-language" content="enlooooooooool">
  	<meta name="author" content="Michaela Freund">
  	<meta name="description" content="de">
  	<meta name="keywords" lang="de" content="makeup freund,foto,photo,make up,werbung,shooting,fashion,make-up artist,visagist,visagistin,maskenbild,maskenbildnerin,maskenbildner,photographie,fotografie,bild,werbung,mode,fashion,commercial,hairstyling,haare,makeup,beauty,fotoshooting,wien,austria,salzburg">
  	<meta name="date" content="SO, 08 February 2009 00:00:00 GMT">
  	<meta name="generator" content="written by MUVA//golem:design">
  
	<link rel="stylesheet" href="css/mf_css.css" type="text/css" media="screen" />
	<title>Michaela Freund makeup &amp; hair. 2009</title>
</head>
<body>

<div id="logo"><a href="index.php"><img src="pix/logo2.jpg" alt="logo" name="img" width="261" height="39" class="bild" id="img" /></a></div>

<div id="menu">
	<ul class="nav"> 
	<li><a href="faces.php"><b>faces</b></a></li>
	<li><a href="works.php"><b>works</b></a></li> 
	<li><a href="clients.php"><b>clients</b></a></li>
	<li><a href="about.php" id="aktiv"><b>about me</b></a></li>
	<li><a href="friends.php"><b>friends</b></a></li>
	<li><a href="contact.php"><b>contact</b></a></li> 
	</ul>
</div>

<div class="line" id="line"></div>

<div id="cont"><h1>Hier ein Blindtext für die Beschreibung der Künstlerin</h1>
<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht - ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rethorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie zigmal umgeschrieben worden und alles, was von ihrem Ursprung noch übrig wäre, sei das Wort &quot;und&quot; und das Blindtextchen solle umkehren und wieder in sein eigenes, sicheres Land zurückkehren. Doch alles Gutzureden konnte es nicht überzeugen und so dauerte es nicht lange, bis ihm ein paar heimtückische Werbetexter auflauerten, es mit Longe und Parole betrunken machten und es dann in ihre Agentur schleppten, wo sie es für ihre Projekte wieder und wieder mißbrauchten. Und wenn es nicht umgeschrieben wurde, dann benutzen Sie es immernoch.</p></div>

<div class="line2" id="line2"> &copy; 2009 Michael Freund. KONTAKT: +43 660 4621954 || <a href="mailto:makeup@michaelafreund.at">makeup@michaelafreund.at</a></div>

</body>
</html>

bei den anderen seiten passt du jeweils in der navigation die id an und tauschst den inhalt im div "cont" aus. und wenn das alles passt baust du irgendwann die lightbox ein ;)
 
Zuletzt bearbeitet:
OrangUtanKlaus schrieb:
oha. das ist mir jetzt zu wirr :D
Isses auch. :D

OrangUtanKlaus schrieb:
**
[…]wenn du nichts includest, brauchst du ja nurnoch dem aktiven link die id "aktiv" zu geben der du im css die rote farbe zuweist.
also brauchst du ja dafür z.b. gar kein javascript

Er soll es aber auch verstehen und nicht nur machen.
Die güldene Regel des Herrn wegus: Hilfe zur Selbsthilfe...

** Das hätte er bestimmt morgen vormittag hoffentlich selbst bemerkt. :hehehe:
 
ich glaub ich habs schon verstanden, dass das was mit vererbung zu tun hat.
nach dem selfhtml beispiel hab ich das auch gemacht. aber: das css spricht auf alle zustände an (grau beim hover, etc) NUR den focus zustand nimmts nicht an! herrgott kruzifix! :(

HTML:
ul.nav li a,
ul.nav li a:link,
ul.nav li a:visited {text-decoration: none;
	color:#FFF;}

ul.nav li a:hover { text-decoration: underline;
	color: #666;
	
}
ul.nav li a:focus, ul.nav li a:active {

	font-weight:bold;
    color:#CC3300;
}
 
siehe oben den Hinweis von OUKlaus

Code:
<div id="menu">
	<ul class="nav"> 
	<li><a href="faces.php"><b>faces</b></a></li>
	<li><a href="works.php"><b>works</b></a></li> 
	<li><a href="clients.php"><b>clients</b></a></li>
	<li><a href="about.php"[B] id="aktiv"[/B]><b>about me</b></a></li>
	<li><a href="friends.php"><b>friends</b></a></li>
	<li><a href="contact.php"><b>contact</b></a></li> 
	</ul>
</div>
 
ich -oder besser die freundin, für die ich diese seite gratis mache - will genau dieses feature mit der "slideshow" - kannst du mir da auch aushelfen? ;)
danke

was genau verstehst du unter slideshow? also das man vor und zurück gehen kann in der lightbox?

das kann z.b. dieses jquery plug-in:

http://leandrovieira.com/projects/jquery/lightbox/

wenn du javascript nur noch für diese slideshow brauchst, kann man auch andere bibliotheken verwenden. für mootools gibt es z.b. diese slideshows:

http://www.efectorelativo.net/laboratory/noobSlide/

oder diese:
http://www.electricprism.com/aeron/slideshow/
 
jetzt ist der groschen gefallen.

ich hab mir nur gedacht, dass das include mit php die leiwandere lösung ist...aber die seite funzt glaub ich mit einzelnen html seiten auch. da hat
die gallery ja auch ohne troubles gefunzt.

also werd ich alle seiten einzeln machen und jeweils dem menupunkt dann
die id im css zuweisen und ende im gelände!

danke danke danke - jetzt muss ich "nur" noch wieder die gallery zum laufen bringen.
@ OUK: nein, ich meinte nicht in dem geöffneten foto hin und her springen, sondern in den thumbs!
 
Er soll es aber auch verstehen und nicht nur machen.
Die güldene Regel des Herrn wegus: Hilfe zur Selbsthilfe...

das is auch meine meinung. den rest bekomm ich schon wieder selber hin. auch das php include hab ich das erste mal heute verwendet. ;) aber bei manchen sachen, die ziemlich easy sind und trotzdem nicht verstanden werdne ;) da hauts ma in vogl aussa! ;)
 
[…]aber bei manchen sachen, die ziemlich easy sind und trotzdem nicht verstanden werdne ;) da hauts ma in vogl aussa! ;)

genau, deswegen darf man getrost auch mal fünfe gerade sein lassen
und sich ein Stück Kuchen kaufen gehen, Kaffee machen...
Zeitliche Ablenkung mit anderen Gedanken hilft manchmal wieder Bäume erkennen zu können, wenn man vorm Wald steht.
 
@ OUK: nein, ich meinte nicht in dem geöffneten foto hin und her springen, sondern in den thumbs!

wie in den thumbs hin und her springen? :kopfkratz:

(guck dir auch mal die letzten beiden links an, evtl. ist ja was dabei was der dame besser gefällt... die lightbox ist schon so ausgelutscht :hehehe: )
 
genau, deswegen darf man getrost auch mal fünfe gerade sein lassen
und sich ein Stück Kuchen kaufen gehen, Kaffee machen...
Zeitliche Ablenkung mit anderen Gedanken hilft manchmal wieder Bäume erkennen zu können, wenn man vorm Wald steht.

word. aber weisst eh: da wird man besessen! :eek::cake:
 
wie in den thumbs hin und her springen? :kopfkratz:

(guck dir auch mal die letzten beiden links an, evtl. ist ja was dabei was der dame besser gefällt... die lightbox ist schon so ausgelutscht :hehehe: )

so, jetzt funktioniert alles - ich werds mal dabei belassen - und das feedback von ihr einholen. mir persönlich sagen deine beispiele auch bei weitem besser zu, aber ihr zureden bringt (leider) nicht wirklich viel... :(
 
Zurück
Oben Unten