Hi
Ich habe eine Anfänger frage an euch
Ich habe eine Private Clanhomepage mit Joomla 1.5 erstellt
http://www.bvg-clan.de
Ich wollte Im Header einen Wassereffekt einbauen dass wenn man mit der maus darüber fährt es aussieht wie wenn mann einen Stein ins wasser wirft
Hier mein Beispiel:
http://vvvcrew.de/ (Maus über den Header bewegen)
Wie kann ich das umsetzen????
Ich habe bereits viele codes dazu gefunden nur wurde nie richtig erklärt wie ich das einbaue.
Also ich habe ein .jpg Bild im Header. Was für ein Programm Brauche ich um das Bild so zu bearbeiten ??
Oder muss ich nur einen Code ins Template einfügen???
Bitte Postet bitte nicht nur nen code sondern auch wie ich diesen code einbinde
Ich bin ein absoluter Anfänger was das betrifft und ich scheue auch nicht Davor zurück viele Stunden arbeit dafür zu Opfern
Ich hoffe ihr Könnt mir ein kleines Tutorial für Anfänger hier Posten das wäre sehr nett
Danke Für jede Hilfe
MfG
Mundtero
Professionelles Webdesign erlernen mit dem Webdesign Tutorial
Mein Punktekonto 0 Punkte
Wasser Effekt Bei Mouseover
Moderatoren: Basti, dW-Team
7 Beiträge
• Seite 1 von 1
Wasser Effekt Bei Mouseover
von Mundtero am 03.04.2010, 06:07
- Mundtero
- Mitglied
- Beiträge: 4
- Registriert: 03.04.2010, 05:40
Re: Wasser Effekt Bei Mouseover
von Ingo am 03.04.2010, 13:12
Der Effekt dort ist ein Java-Applet (und wie ich finde eine der gelungensten Umsetzungen des
Wassereffekts). Quelle ist Durius.com, wo man das Applet samt Dokumentation herunterladen
kann. Eine Kurzanleitung:
1. Bei Durius.com das Applet herunterladen und in irgendein Verzeichnis entpacken, z.B. "Durius".
2. In diesem Verzeichnis das Unterverzeichnis /applets/Waterpic aufsuchen und die Datei DuriusAll.jar
in das Verzeichnis deiner html-Seite kopieren
3. In deiner html-Datei fügst du nun den Applet-Code ein, z.B.
Was die einzelnen Parameter zu bedeuten haben, steht in der Datei /html/waterpic.html.
Wichtig sind vor allem der param "image" und die applet-Attribute width/height.
Gruß, Ingo
Wassereffekts). Quelle ist Durius.com, wo man das Applet samt Dokumentation herunterladen
kann. Eine Kurzanleitung:
1. Bei Durius.com das Applet herunterladen und in irgendein Verzeichnis entpacken, z.B. "Durius".
2. In diesem Verzeichnis das Unterverzeichnis /applets/Waterpic aufsuchen und die Datei DuriusAll.jar
in das Verzeichnis deiner html-Seite kopieren
3. In deiner html-Datei fügst du nun den Applet-Code ein, z.B.
- Code: Alles auswählen
<applet archive="DuriusAll.jar" width="80" height="253" align="bottom" code="DuriusWaterPic.class">
<param name="image" value="vert2.jpg">
<param name="dim" value="5">
<param name="noise" value="0">
<param name="mouse" value="7">
<param name="timer" value="0">
<param name="target" value="_blank">
<param name="bg" value="233423">
<param name="url" value="http://www.durius.com/">
<param name="reg" value="22454732">
</applet>
Was die einzelnen Parameter zu bedeuten haben, steht in der Datei /html/waterpic.html.
Wichtig sind vor allem der param "image" und die applet-Attribute width/height.
Gruß, Ingo
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Wer glaubt etwas zu sein, hat aufgehört etwas zu werden.
Wer glaubt etwas zu sein, hat aufgehört etwas zu werden.
-
Ingo - Web Moderator
- Beiträge: 1722
- Registriert: 01.04.2007, 23:21
- Wohnort: Neuss/NRW
Re: Wasser Effekt Bei Mouseover
von Mundtero am 03.04.2010, 22:22
geht Leider Nicht da es nur ein PHP script ist habe es versucht selbst den Header rauzunehmen und den code einzufügen aber er zeigt nur einen Weissen Header da habe ich gedacht das er vielleicht die datei net findet und habe die datei mal überall reinkopiert sowie den header wollte er aber auch net Hier mein Original PHP script:
im fehler bericht sagt er dass er "DuriusWaterPic.class" net findet die ich auch net finden Konnte was muss ich hier ändern???
Ich benutze das CMS Joomla 1.5 also habe ich nur ne index.php in allen index.html steht nur
Hier mein Template ordner:
- Code: Alles auswählen
<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = isset($this) ? $this : null;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" />
<!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<div class="art-Header">
<div class="art-Header-jpeg"></div>
</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-contentLayout">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-<?php echo artxGetContentCellStyle($document); ?>">
<?php
echo artxModules($document, 'banner2', 'art-nostyle');
if (artxCountModules($document, 'breadcrumb'))
echo artxPost(null, artxModules($document, 'breadcrumb'));
echo artxPositions($document, array('user1', 'user2'), 'art-article');
echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-Post">
<div class="art-Post-tl"></div>
<div class="art-Post-tr"></div>
<div class="art-Post-bl"></div>
<div class="art-Post-br"></div>
<div class="art-Post-tc"></div>
<div class="art-Post-bc"></div>
<div class="art-Post-cl"></div>
<div class="art-Post-cr"></div>
<div class="art-Post-cc"></div>
<div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostContent">
<jdoc:include type="message" />
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>
<?php if (artxCountModules($document, 'right')) : ?>
<div class="art-sidebar2"><?php echo artxModules($document, 'right', 'art-block'); ?>
</div>
<?php endif; ?>
</div>
<div class="cleared"></div>
<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
<div class="art-Footer">
<div class="art-Footer-inner">
<?php echo artxModules($document, 'syndicate'); ?>
<div class="art-Footer-text">
<?php if (artxCountModules($document, 'copyright') == 0): ?>
<p>Copyright © 2009 ---.<br/>
All Rights Reserved.</p>
<?php else: ?>
<?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
<?php endif; ?>
</div>
</div>
<div class="art-Footer-background"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"></p>
</div>
</body>
</html>
im fehler bericht sagt er dass er "DuriusWaterPic.class" net findet die ich auch net finden Konnte was muss ich hier ändern???
Ich benutze das CMS Joomla 1.5 also habe ich nur ne index.php in allen index.html steht nur
- Code: Alles auswählen
<html><body bgcolor="#FFFFFF"></body></html>
Hier mein Template ordner:
- Mundtero
- Mitglied
- Beiträge: 4
- Registriert: 03.04.2010, 05:40
Re: Wasser Effekt Bei Mouseover
von Mundtero am 03.04.2010, 23:02
Ich hab den Header mal so mit dem Fehler gelassen
http://bvg-clan.de
http://bvg-clan.de
- Mundtero
- Mitglied
- Beiträge: 4
- Registriert: 03.04.2010, 05:40
Re: Wasser Effekt Bei Mouseover
von Ingo am 03.04.2010, 23:28
Vorweg: Bitte auf die Rechtschreibung achten; dein Beitrag ist ohne Punkt und Komma nur schwer zu verstehen.
Also, meine Browser (FF, Op, IE je unter Win) zeigen das Applet an, und zwar in der Beispielvariante:
Du müsstest jetzt noch das passende Bild einfügen und die width/height anpassen. Ansonsten enthält
die an den Browser ausgelieferte Datei noch eine Reihe Syntaxfehler, die aber nicht kritisch zu sein
scheinen (sollte man früher oder später trotzdem beheben). - Kurzum: Applet ist da. Vllt. F5 versuchen?
Gruß, Ingo
Also, meine Browser (FF, Op, IE je unter Win) zeigen das Applet an, und zwar in der Beispielvariante:
- Zwischenablage01.jpg (26.47 KiB) 1582-mal betrachtet
Du müsstest jetzt noch das passende Bild einfügen und die width/height anpassen. Ansonsten enthält
die an den Browser ausgelieferte Datei noch eine Reihe Syntaxfehler, die aber nicht kritisch zu sein
scheinen (sollte man früher oder später trotzdem beheben). - Kurzum: Applet ist da. Vllt. F5 versuchen?
Gruß, Ingo
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Wer glaubt etwas zu sein, hat aufgehört etwas zu werden.
Wer glaubt etwas zu sein, hat aufgehört etwas zu werden.
-
Ingo - Web Moderator
- Beiträge: 1722
- Registriert: 01.04.2007, 23:21
- Wohnort: Neuss/NRW
Re: Wasser Effekt Bei Mouseover
von Mundtero am 04.04.2010, 00:40
Vielen Dank Ingo hab es Hinbekommen
Für alle die Joomla benutzen Hier das PHP script (index.php im Template Ordner):
einfach nach:
Suchen und gegen:
Tauschen
Wo das Bild hinmuss weiss i net hab es einfach in alle ordner Kopiert und es vert2.jpg genannt
Mann sieht das Geil aus
Vielen Vielen Dank
Für alle die Joomla benutzen Hier das PHP script (index.php im Template Ordner):
- Code: Alles auswählen
<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = isset($this) ? $this : null;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" />
<!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<applet archive="DuriusAll.jar" width="1178" height="246" align="center" code="DuriusWaterPic.class">
<param name="image" value="vert2.jpg">
<param name="dim" value="5">
<param name="noise" value="0">
<param name="mouse" value="7">
<param name="timer" value="0">
<param name="target" value="_blank">
<param name="bg" value="233423">
<param name="url" value="http://www.durius.com/">
<param name="reg" value="22454732">
</applet>
</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-contentLayout">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-<?php echo artxGetContentCellStyle($document); ?>">
<?php
echo artxModules($document, 'banner2', 'art-nostyle');
if (artxCountModules($document, 'breadcrumb'))
echo artxPost(null, artxModules($document, 'breadcrumb'));
echo artxPositions($document, array('user1', 'user2'), 'art-article');
echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-Post">
<div class="art-Post-tl"></div>
<div class="art-Post-tr"></div>
<div class="art-Post-bl"></div>
<div class="art-Post-br"></div>
<div class="art-Post-tc"></div>
<div class="art-Post-bc"></div>
<div class="art-Post-cl"></div>
<div class="art-Post-cr"></div>
<div class="art-Post-cc"></div>
<div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostContent">
<jdoc:include type="message" />
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>
<?php if (artxCountModules($document, 'right')) : ?>
<div class="art-sidebar2"><?php echo artxModules($document, 'right', 'art-block'); ?>
</div>
<?php endif; ?>
</div>
<div class="cleared"></div>
<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
<div class="art-Footer">
<div class="art-Footer-inner">
<?php echo artxModules($document, 'syndicate'); ?>
<div class="art-Footer-text">
<?php if (artxCountModules($document, 'copyright') == 0): ?>
<p>Copyright © 2009 ---.<br/>
All Rights Reserved.</p>
<?php else: ?>
<?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
<?php endif; ?>
</div>
</div>
<div class="art-Footer-background"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"></p>
</div>
</body>
</html>
einfach nach:
- Code: Alles auswählen
<div class="art-Header">
<div class="art-Header-jpeg"></div>
Suchen und gegen:
- Code: Alles auswählen
<applet archive="DuriusAll.jar" width="1178" height="246" align="center" code="DuriusWaterPic.class">
<param name="image" value="vert2.jpg">
<param name="dim" value="5">
<param name="noise" value="0">
<param name="mouse" value="7">
<param name="timer" value="0">
<param name="target" value="_blank">
<param name="bg" value="233423">
<param name="url" value="http://www.durius.com/">
<param name="reg" value="22454732">
</applet>
Tauschen
Wo das Bild hinmuss weiss i net hab es einfach in alle ordner Kopiert und es vert2.jpg genannt
Mann sieht das Geil aus
Vielen Vielen Dank
- Mundtero
- Mitglied
- Beiträge: 4
- Registriert: 03.04.2010, 05:40
Re: Wasser Effekt Bei Mouseover
von Tiger am 08.01.2011, 16:25
hi,
bei mir wird die Animation im footer angezeigt, dafür aber vollständig und ohne Fehler. Wie bekomme ich sie nach oben im Header.
hier meine index.php
<?php
# Copyright by: Manuel
# Support: http://www.ilch.de
define ( 'main' , TRUE );
//Konfiguration zur Anzeige von Fehlern
//Auf http://www.php.net/manual/de/function.e ... orting.php sind die verfügbaren Modi aufgelistet
//Seit php-5.3 ist eine Angabe der TimeZone Pflicht
if (version_compare(phpversion(), '5.3') != -1) {
if (E_ALL > E_DEPRECATED) {
@error_reporting(E_ALL ^ E_NOTICE ^ E_DEPRECATED);
} else {
@error_reporting(E_ALL ^ E_NOTICE);
}
date_default_timezone_set('Europe/Berlin');
} else {
@error_reporting(E_ALL ^ E_NOTICE);
}
@ini_set('display_errors','Off');
session_name ('sid');
session_start ();
require_once ('include/includes/config.php');
require_once ('include/includes/loader.php');
db_connect();
$allgAr = getAllgAr ();
$menu = new menu();
user_identification();
site_statistic();
require_once ('include/contents/'.$menu->get_url());
db_close();
if (false) { //debugging aktivieren
debug('anzahl sql querys: '.$count_query_xyzXYZ);
debug('',1,true);
}
?>
<applet archive="DuriusAll.jar" width="650" height="123" align="bottom" code="DuriusWaterPic.class">
<param name="image" value="bs_header.png">
<param name="dim" value="5">
<param name="noise" value="0">
<param name="mouse" value="7">
<param name="timer" value="0">
<param name="target" value="_blank">
<param name="bg" value="233423">
<param name="url" value="http://img441.imageshack.us/img441/5403/bsheader.jpg">
<param name="reg" value="22454732">
</applet>
bei mir wird die Animation im footer angezeigt, dafür aber vollständig und ohne Fehler. Wie bekomme ich sie nach oben im Header.
hier meine index.php
<?php
# Copyright by: Manuel
# Support: http://www.ilch.de
define ( 'main' , TRUE );
//Konfiguration zur Anzeige von Fehlern
//Auf http://www.php.net/manual/de/function.e ... orting.php sind die verfügbaren Modi aufgelistet
//Seit php-5.3 ist eine Angabe der TimeZone Pflicht
if (version_compare(phpversion(), '5.3') != -1) {
if (E_ALL > E_DEPRECATED) {
@error_reporting(E_ALL ^ E_NOTICE ^ E_DEPRECATED);
} else {
@error_reporting(E_ALL ^ E_NOTICE);
}
date_default_timezone_set('Europe/Berlin');
} else {
@error_reporting(E_ALL ^ E_NOTICE);
}
@ini_set('display_errors','Off');
session_name ('sid');
session_start ();
require_once ('include/includes/config.php');
require_once ('include/includes/loader.php');
db_connect();
$allgAr = getAllgAr ();
$menu = new menu();
user_identification();
site_statistic();
require_once ('include/contents/'.$menu->get_url());
db_close();
if (false) { //debugging aktivieren
debug('anzahl sql querys: '.$count_query_xyzXYZ);
debug('',1,true);
}
?>
<applet archive="DuriusAll.jar" width="650" height="123" align="bottom" code="DuriusWaterPic.class">
<param name="image" value="bs_header.png">
<param name="dim" value="5">
<param name="noise" value="0">
<param name="mouse" value="7">
<param name="timer" value="0">
<param name="target" value="_blank">
<param name="bg" value="233423">
<param name="url" value="http://img441.imageshack.us/img441/5403/bsheader.jpg">
<param name="reg" value="22454732">
</applet>
- Tiger
- Mitglied
- Beiträge: 1
- Registriert: 08.01.2011, 16:18
7 Beiträge
• Seite 1 von 1
Zurück zu Sonstige 2d/3d-Programme
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast