Photoshop-Cafe.de :: Dein Photoshop-Forum

Zurück   Photoshop-Cafe.de :: Dein Photoshop-Forum > Fragen zu Adobe Photoshop (Elements), zur Creative Suite und anderen Kreativprogrammen > Hilfestellung, Tipps und Tricks
Seite neu laden Image Ready: Homepage im PS
Registrieren Hilfe Kalender Heutige Beiträge Suchen

Hinweise
Aktuelles aus dem PSC
„Kreativ Hallo Du!
Das Userbattle zwischen Caradhras und wackelelvis hat begonnen. Kommt ⇒ hierher, um die beiden Battler anzufeuern und zu plaudern.
Hier findest du unser Thema für den P-S-C 06/2024: ⇒ Tattookunst - erstelle ein Tattoo auf einer Hand. Bis 31.12.2024 kannst du dir was dazu ausdenken.
Das Foto-Thema für November 2024 ist ⇒ Holz.
Zur C-C-C für November 2024 gehts hier lang: ⇒ Hunde .
 Unterstützung für das PSC
ACHTUNG: Regeln für die Verwendung von KI-Bildern im PSC.
Bitte sorgfältig durchlesen und beachten!

Antwort
Seite 2 von 2 1 2
 
Themen-Optionen Ansicht
  #11  
Alt 06.04.06, 21:47
Benutzerbild von FlipFlop
FlipFlop FlipFlop ist offline
hat sich eingelebt
  
Registriert seit: 02/2006
Beiträge: 72
FlipFlop geht den richtigen Weg
kam im moment überhaupt nicht dazu weiterzumachen. Aber nun:

auf die frage mit den tabellen kam ich, weil phoenix folgendes schrieb:
Zitat:
kannst du deine inhalte wie text, photos etc dann in die tabellen einbauen.
nun dachte ich, ich müsste irgendeine tabelle einbauen

nun noch eine weitere frage, ist es möglich, mit dem buch-design es so zu machen, dass sich das ganze in die länge zieht, wenn ein längerer text erscheint, oder muss ich mit dem platz vom design auskommen (bewz ewigkeiten scrollen)? Hoffe ihr versteht meine frage . ansonsten würde ich nähmlich auf das buch verzichten und ein etwas einfacheres design (für den anfang nehmen).
Mit Zitat antworten
  #12  
Alt 30.04.06, 13:25
Benutzerbild von FlipFlop
FlipFlop FlipFlop ist offline
hat sich eingelebt
  
Registriert seit: 02/2006
Beiträge: 72
FlipFlop geht den richtigen Weg
Hallo,

hab mal wieder Fragen. Ich habe die HP mit align="center" zentriert, nun ist sie schön mittig, doch oben "klebt" die Seite noch ganz am Rand. Wie krieg ich die HP von diesem Rand weg?

Weiter habe ich ja beim Inhalt ein Hintergrundbild. Leider klappt da was nicht mit dem Codieren, den da steht nur wie man eine Farbe eingibt. Doch da ich ein HG-Bild habe funktioniert dies nicht wirklich. Wie füge ich also ein HG-Bild ein?

Zur letzten Frage, hab ja nun ein aufklappbares Menü gemacht. Ich hoffe das hab ich richtig angestellt, den nun hat jedes Untermenü einen eigenen Inhalt bekommen (zB. Bilder/inhalt-portrait_over.gif) .
Ich kanns im Moment nicht in der Vorschau anschauen, da mir ja der Inhalt fehlt. Doch ich hoffe, dass das Menü nun bleibt, wenn man mit der Maus darüber fährt und ich das alles bis jetzt einigermassen richtig angestellt hab.

HTML-Code:
<html>
<head>
<title>21</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		inhalt_portrait_over = newImage("Bilder/inhalt-portrait_over.gif");
		inhalt_galerie__over = newImage("Bilder/inhalt-galerie-_over.gif");
		inhalt_sonstiges___over = newImage("Bilder/inhalt-sonstiges--_over.gif");
		inhalt_www___over = newImage("Bilder/inhalt-www--_over.gif");
		inhalt_gaeste_over = newImage("Bilder/inhalt-gaeste_over.gif");
		preloadFlag = true;
	}
}

// -->
</script>
</head>
<body bgcolor="#DDE2D3" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<table width="800" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="18">
			<img src="Bilder/index_01.gif" alt="" width="800" height="61"></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="61" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="5">
			<img src="Bilder/index_02.gif" width="77" height="25" alt=""></td>
		<td rowspan="5">
			<a href="info.html" target="inhalt"><img src="Bilder/info-.gif" width="45" height="25" border="0" alt=""></td>
		<td colspan="5">
			<img src="Bilder/index_04.gif" width="302" height="3" alt=""></td>
		<td rowspan="5">
			<a href="#"
				onmouseover="changeImages('inhalt', 'Bilder/inhalt-sonstiges--_over.gif'); return true;"
				onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
				<a href="sonstiges.html" target="Bilder/sonstiges.gif"><img src="Bilder/sonstiges--.gif" width="70" height="25" border="0" alt=""></a></td>
		<td colspan="9" rowspan="2">
			<img src="Bilder/index_06.gif" width="306" height="5" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="Bilder/index_07.gif" width="178" height="3" alt=""></td>
		<td rowspan="4">
			<a href="#"
				onmouseover="changeImages('inhalt', 'Bilder/inhalt-galerie-_over.gif'); return true;"
				onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
				<a href="galerie.html" target="inhalt"><img src="Bilder/galerie-.gif" width="58" height="22" border="0" alt=""></a></td>
		<td rowspan="4">
			<img src="Bilder/index_09.gif" width="66" height="22" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="Bilder/index_10.gif" width="62" height="20" alt=""></td>
		<td colspan="2" rowspan="3">
			<a href="#"
				onmouseover="changeImages('inhalt', 'Bilder/inhalt-www--_over.gif'); return true;"
				onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
				<a href="www.html" target="inhalt"><img src="Bilder/www--.gif" width="48" height="20" border="0" alt=""></a></td>
		<td colspan="2" rowspan="3">
			<img src="Bilder/index_12.gif" width="70" height="20" alt=""></td>
		<td colspan="2" rowspan="3">
			<a href="#"
				onmouseover="changeImages('inhalt', 'Bilder/inhalt-gaeste_over.gif'); return true;"
				onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
				<a href="gaeste.html" target="inhalt"><img src="Bilder/gaeste.gif" width="44" height="20" border="0" alt=""></a></td>
		<td colspan="2" rowspan="3">
			<img src="Bilder/index_14.gif" width="82" height="20" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/index_15.gif" width="53" height="19" alt=""></td>
		<td>
			<a href="#"
				onmouseover="changeImages('inhalt', 'Bilder/inhalt-portrait_over.gif'); return true;"
				onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
				<a href="portrait.html" target="inhalt"><img src="Bilder/portrait.gif" width="63" height="18" border="0" alt=""></a></td>
		<td rowspan="2">
			<img src="Bilder/index_17.gif" width="62" height="19" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_18.gif" width="63" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/index_19.gif" width="25" height="514" alt=""></td>
		<td colspan="16" background="Bilder/inhalt.gif" width="749" height="498">
		<iframe src="home.html" frameborder="0" name="Inhalt" scrolling="auto" width="749" und height="498"></iframe> 
		</td>
		<td rowspan="2">
			<img src="Bilder/index_21.gif" width="26" height="514" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="498" alt=""></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="Bilder/index_22.gif" width="569" height="16" alt=""></td>
		<td colspan="2">
			<a href="home.html" target="Bilder/inhalt.gif"><img src="Bilder/home.gif" width="42" height="16" border="0" alt=""></td>
		<td colspan="2">
			<a href="impressum.html" target="inhalt"><img src="Bilder/impressum.gif" width="75" height="16" border="0" alt=""></td>
		<td colspan="2">
			<a href="kontakt.html" target="inhalt"><img src="Bilder/kontakt.gif" width="63" height="16" border="0" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/spacer.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="52" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="45" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="53" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="63" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="62" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="58" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="66" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="70" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="62" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="38" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="32" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="38" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="37" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="56" height="1" alt=""></td>
		<td>
			<img src="Bilder/spacer.gif" width="26" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</body>
</html>
Mit Zitat antworten
  #13  
Alt 02.05.06, 10:06
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
  
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Hallo FlipFlop

Die Seite klebt am Bildschirmrand, da du im Body-Tag:

HTML-Code:
leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
definiert hast. Du musst anstatt "0", eine Zahl einsetzen. "leftmargin" definiert den Abstand zur linken Seite des Fensters, "topmargin" zur oberen Seite des Fensters. "marginwidth" definiert den Abstand links und rechts der Seite und "marginheight" den Abstand oben und unten. Wenn du jetzt da "0" hast, klebt es natürlich am Rand.

Das Hintergrundbild fügst du wie folgt in den Body-Tag ein:

HTML-Code:
<body background="deinbild.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
...also einfach anstatt "bgcolor", "background="...." nehmen!

Das Problem mit deinem Menu kann ich nicht so ganz nachvollziehen?!
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
  #14  
Alt 06.05.06, 17:17
Benutzerbild von FlipFlop
FlipFlop FlipFlop ist offline
hat sich eingelebt
  
Registriert seit: 02/2006
Beiträge: 72
FlipFlop geht den richtigen Weg
also das mit dem rand hab ich nun gemacht, nun sieht es schon besser aus . Auch das mit dem HG bild klappt allmählich (auf alle fälle die home seite), weitere Seiten werden in einem neuen Fenster angezeigt

nun mit dem menü ist folgendes. habe ja einen rollover gemacht. wenn man zB auf "portrait" geht, kommt (sollte kommen) ein untermenü mit den verschiedenen titel wie zb "Stammbaum" "ich bin ein Flat" "...". nun hab ich durch das verschiedene inhalte, wie zb für "Sonstige" Bilder/inhalt-sonstiges-over. siehe code
HTML-Code:
<a href="#"onmouseover="changeImages('inhalt', 'Bilder/inhalt-sonstiges--_over.gif'); return true;"
onmouseout="changeImages('inhalt', 'Bilder/inhalt.gif'); return true;">
<a href="sonstiges.html" target="Bilder/sonstiges.gif"><img src="Bilder/sonstiges--.gif" width="70" height="25" border="0" alt=""></a></td>
nun weiss ich nie, welchen Inhalt ich für das hg bild benutzen muss. hab ich da vielleicht den fehler gemacht, das ich das untermenü in den inhalt gebastelt hab?
Mit Zitat antworten
  #15  
Alt 07.05.06, 22:52
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
  
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Versuch mal dein Frame "inhalt" und nicht "Inhalt" zu benennen. Dann sollten alle Seiten in diesem Frame aufgerufen werden... Und wenn du etwas mit deinem Menu und Mouseover verwechselst, so benenne dein Frame doch einfach anders... zum Beispiel "content" oder "frame" oder oder oder...

Aus der Funktion "ChangeImages" (im Javascript) werde ich nicht ganz schlau... kenn mich ehrlich gesagt nicht so damit aus. hast du diese Variante von irgendwo her übernommen?
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
Antwort
Seite 2 von 2 1 2

Lesezeichen

« Vorheriges Thema | Nächstes Thema »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
verläufe im image ready StarlightLIP Hilfestellung, Tipps und Tricks 1 10.03.07 19:43
Image Ready Animation phoenix Werkzeuge, Bedienfelder und sonstige Grundlagen 14 17.02.06 16:28
Image Ready: Morphen? Scubamarco Hilfestellung, Tipps und Tricks 19 05.02.06 22:05
Image Ready: Pseudo 3D als GIF Scubamarco Hilfestellung, Tipps und Tricks 1 22.01.06 21:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:32 Uhr.

Impressum

Kontakt      Photoshop-Cafe      Archiv     Impressum     Nach oben

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2005-2020 photoshop-cafe.de

Seite wurde generiert in 0,07196 Sekunden mit 12 Queries