Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.03.2013 um 08:39 (UTC)    
Titel: Intro mit Taschenlampenspot

Hallo,
ich hätte gern auf meinem Intro diesen Taschenlampenspot ...

... mit dem bewegen der Maus erscheint dieser Lichtkegel und leuchtet nur den Bereich aus wo die Maus gerade ist.
Man muss dann auch genau mit dem Zentrum des Lichtkegels den "Eintritt-Button" anvisieren um klicken zu können

Das sollte dann ungefähr so aussehen (Natürlich wird der Lichtkegel im Zentrum heller und geht nach außen ins dunkel über)



Kann mir jemand sagen wie das gemacht wird?

Auf dieser Seite hatte ich das gesehen und bereits angefragt - leider keine Antwort erhalten
http://www.luftfahrt-info-mehr.de.tl/
______________
Beitrag09.03.2013 um 11:22 (UTC)    
Titel:

Hallo,
soweit ich weiß ist das Script für dieses Spotlight von dem User "hpbk-beispielseiten". Schreib ihm doch eine nette Nachricht, der hilft dir bestimmt gerne weiter Smile.

Arrow http://www.homepage-baukasten.de/profile.php?of=hpbk-beispielseiten

Edit:// Er weiß zu mindest, wie man damit umgehen kann Smile. Das Script ist im Original ein Wordpress-Plugin. Genaueres hierzu in den unteren Posts.

Beste Grüße,
Mats


Zuletzt bearbeitet von matsk am 10.03.2013, 18:15, insgesamt einmal bearbeitet
Beitrag10.03.2013 um 09:19 (UTC)    
Titel:

Jap, hier hast du den Code (für dein Wunsch Intro):

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.hpbk-beispielseiten.de.tl">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>HpBk-Beispielseiten</title>
<style type="text/css">
<!--
body {
background-color: ##e3e3e;
color: #000000;
font-size: 12;
margin: 0;
font-family: Tahoma, Verdana, Arial;
}
//-->
<table height="102" id="ad-eccb">
<td height="102">
<iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe>
</table>
<table height="400">
<center>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HpBk-Beispielseiten</title>

</head>

<body>

<center>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
color: #000000;
font-size: 12;
margin: 0;
font-family: Tahoma, Verdana, Arial;
}
//.style9 {font-family: "Copperplate Gothic Bold", Helvetica, sans-serif; }
.style1 {font-family: "Copperplate Gothic Bold", Verdana, Arial}
.style2 {color: #000000}
.style4 {
font-size: 16px;
font-family: "Copperplate Gothic Bold", Verdana, Arial;
}
.style9 {color: #CCCCCC}
.style14 {color: #333333}
.style15 {font-family: "Copperplate Gothic Bold", Helvetica, sans-serif}
.style16 {font-weight: bold; font-size: 14px; font-family: Calibri, Helvetica, sans-serif;}
.style17 {font-family: Calibri, Helvetica, sans-serif; font-weight: bold;}
.style18 {color: #FFFFFF}
-->
</style> <center> <style type="text/css">
#ad-1679 br {
display: none;
}
</style>
<table height="102" id="ad-1679">
<tbody>
<td height="102">
</tbody>
</table>
<table height="400">
<tbody>
<td><center> <!-- saved from url=(0027)http://www.hpbk-beispielseiten.de.tl/#
--> <script type="text/javascript" src="/jUHIBiTbjmU"></script><noscript><img src="/jUHIBiTbjmU.gif" width="1px" height="1px" alt="t"/></noscript> <!-- Mirrored from #/ omzia --> <!-- Mirrored from #/ Herzlich Willkommen/3.x [XR&CO'2010], Sat, 20 Oct 2012 07:32:07 GMT -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HpBK</title>
<style type="text/css" media="all"> html,body { margin: 0; padding: 0;} #text-shadow-box { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: #444; font-family: Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none;} #text-shadow-box #tsb-text,#text-shadow-box #tsb-link { position: absolute; top: 40%; left: 0; width: 100%; height: 1em; margin: -0.77em 0 0 0; font-size: 90px; line-height: 1em; font-weight: bold; text-align: center;} #text-shadow-box #tsb-text { font-size: 100px; color: transparent; text-shadow: black 0px -45.2px 19px; } #text-shadow-box #tsb-link a { color: #999; text-decoration: none;} #text-shadow-box #tsb-box,#text-shadow-box #tsb-wall { position: absolute; top: 40%; left: 0; width: 100%; height: 60%;} #text-shadow-box #tsb-box { -webkit-box-shadow: black 0px -45.2px 39px; -moz-box-shadow: black 0px -45.2px 39px;} #text-shadow-box #tsb-wall { background: #999;} #text-shadow-box #tsb-wall p { position: relative; font-size: 18px; line-height: 1.5em; text-align: justify; color: #222; width: 550px; margin: 1.5em auto; cursor: default;} #text-shadow-box #tsb-wall p a { color: #fff;} #text-shadow-box #tsb-wall p a:hover { text-decoration: none; color: #000; background: #fff;} #tsb-spot { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; pointer-events: none; background: -webkit-gradient(radial, center center, 0, center center, 450, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 0, black 450px);}</style> <!--[if IE]><style type="text/css">/* Sadly no IE9 support for pointer-events: none; nor CSS2 text-shadow */#tsb-spot { display: none;}#tsb-ie { position: absolute; top: -90%; left: -50%; width: 200%; height: 334%; background: url;}.style1 { color: #FF0000;}.style2 { background-color: #FFFF00;}.style3 { background-color: #000000;}</style><![endif]--> <script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/document_iterator.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/find_proxy.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/get_html_text.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/global_constants.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/name_injection_builder.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/number_injection_builder.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/menu_injection_builder.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/string_finder.html"></script><script src="chrome-extension_/lifbcibllhkdhoafpjfnlhfpfgnpldfl/change_sink.html"></script>
<div id="text-shadow-box">
<div id="tsb-box" style="-webkit-box-shadow: black 0px 48.400000000000006px 49px; "></div>
<p class="style1" id="tsb-text" style="text-shadow: black -84px 48.400000000000006px 29px; ">Klick</p>
<p id="tsb-link"><a href="http://www.hpbk-beispielseiten.de.tl/startseite.htm" class="style9 style1">Klick</a></p>
<div id="tsb-wall">
<div id="tsb-ie"></div>
<center class="style14"></center> <center>
<h1 class="style2"><span class="style18"><font size="4"><b><span class="style15">Herzlich Willkommen auf HpBk-Beispielseiten.de.tl (Beispiel-Seiten)</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</b></font><b><strong><span class="style4">Die Beispiel-Seiten aus dem Homepage-Baukasten.de</span></strong></b><font size="4"><b><strong>
</div>
<div id="tsb-spot" style="background-position: 210px -250px; "></div>
</div>
<script type="text/javascript" language="javascript" charset="utf-8"> var text = null;var spot = null;var box = null;var boXPRoperty = ''; init(); function init() { text = document.getElementById('tsb-text'); spot = document.getElementById('tsb-spot'); box = document.getElementById('tsb-box'); if (typeof box.style.webkitBoxShadow == 'string') { boXPRoperty = 'webkitBoxShadow'; } else if (typeof box.style.MozBoxShadow == 'string') { boXPRoperty = 'MozBoxShadow'; } else if (typeof box.style.boxShadow == 'string') { boXPRoperty = 'boxShadow'; } if (text && spot && box) { document.getElementById('text-shadow-box').onmousemove = onMouseMove; document.getElementById('text-shadow-box').ontouchmove = function (e) {e.preventDefault(); e.stopPropagation(); onMouseMove({clientX: e.touches[0].clientX, clientY: e.touches[0].clientY});}; }} function onMouseMove(e) { if (typeof e === 'undefined' || typeof e.clientX === 'undefined') { return; } var xm = (e.clientX - Math.floor(window.innerWidth / 2)) * 0.4; var ym = (e.clientY - Math.floor(window.innerHeight / 3)) * 0.4; var d = Math.round(Math.sqrt(xm*xm + ym*ym) / 5); text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d + 10) + 'px black'; if (boXPRoperty) { box.style[boXPRoperty] = '0 ' + -ym + 'px ' + (d + 30) + 'px black'; } xm = e.clientX - Math.floor(window.innerWidth / 2); ym = e.clientY - Math.floor(window.innerHeight / 2); spot.style.backgroundPosition = xm + 'px ' + ym + 'px';}</script> <script type="text/javascript" src="/jUHIBiTbjmU"></script><noscript><img src="/jUHIBiTbjmU.gif" width="1px" height="1px" alt="t"/></noscript><object width="0" height="0" id="skype_plugin_object" location.href="http://www.hpbk-beispielseiten.de.tl
" location.hostname="www.hpbk-beispielseiten.de.tl
" style="position: absolute; visibility: hidden; left: -100px; top: -100px; " type="application/x-vnd.skype.click2call.chrome.5.7.0"></object> <!-- Mirrored from www.hpbk-beispielseiten.de.tl
HpBk-Beispielseiten--><br />
<br />
</a>
<br />
<br />
</body>
</html>


Du muss es aber noch bearbeiten, wenn du das nicht kannst, meldest du dich einfach wieder bei mir und ich bearbeite es für dich. Smile

Arrow Es darf den Intro, jeder benutzen.

Quelle:

Arrow http://wordpress.org/extend/plugins/stop-sopa-by-zachary/
____________________
MFG:

Eigene Designs | Designvorlagen | Hilfeseiten und anderes Nützliches | Anmelden | Gästebuch | Tutorials | Topliste


Zuletzt bearbeitet von hpbk-beispielseiten am 10.03.2013, 17:34, insgesamt einmal bearbeitet
Beitrag10.03.2013 um 11:14 (UTC)    
Titel:

Wow, da bin ich echt überfordert ...

Bearbeiten?

Meinst du die Farbcodes und Schriften ...
Hab mir das ne weile angeschaut und würde da lieber dein Angebot annehmen.

Weiß ja nicht mal wo ich das einfügen muss Question


Also wäre echt Super wenn du mir da weiter helfen kannst.

Ich ändere das Bild auf dem Intro im Monat ca. 2 mal.
D.h. - der Spot sollte unabhängig vom Bild immer funktionieren.

Soweit erst mal - achso, Danke für schnelle Antwort
______________
Beitrag10.03.2013 um 11:32 (UTC)    
Titel:

Omzia, omzia. Rolling Eyes
Es ist schon blauäugig, wenn du denkst, dir nimmt noch jemand ab, dass du überhaupt etwas selbst gemacht hast. Wenn einem dann aber auch noch ein solcher Doctype begegnet:
Zitat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.hpbk-beispielseiten.de.tl">

werde ich sehr, sehr stutzig. Schon doof, wenn man nicht weiß, was eine DTD bzw. das W3C ist. Wink
Nach kurzer Recherche auf in gewissen Kreisen bekannten Portalen, stellt man dann recht schnell fest, dass es sich dabei um ein Wordpress-Plugin handelt:
http://wordpress.org/extend/plugins/stop-sopa-by-zachary/

und von einem gewissen Zachary Johnson stammt:
https://github.com/rikarends/dreamforce1/blob/master/demo.html

Ist aber nett von dir, dass du hier in seinem Namen sprichst, zumal die von ihm vorgesehene Lizenz etwas anders lautet und du mehr oder weniger deine eigen aufstellst. Rolling Eyes
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 10.03.2013, 17:38, insgesamt 3-mal bearbeitet
Beitrag10.03.2013 um 14:42 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:
Es ist schon blauäugig, wenn du denkst, dir nimmt noch jemand ab, dass du überhaupt etwas selbst gemacht hast.


Wer hat gesagt das ich das selber gemacht habe??? Wo steht das??? Ich hab so was nicht behauptet, dass ich das selber gemacht habe, habe nur den Code gegeben!

...und den Code habe ich nicht von dieser Webseite den du meinst, sondern von einer andere Webseite.

ICH WEIß, DAS DU WAS GEGEN MICH HAST, LEIDER. Rolling Eyes
____________________

@ikarus-288 Ich bearbeite es für dich, also die Schrifte, gebe dir es dann per PN.

PS: Ich melde mich noch per PN bei dir.
____________________
MFG:

Eigene Designs | Designvorlagen | Hilfeseiten und anderes Nützliches | Anmelden | Gästebuch | Tutorials | Topliste


Zuletzt bearbeitet von hpbk-beispielseiten am 10.03.2013, 16:05, insgesamt 3-mal bearbeitet
Beitrag10.03.2013 um 15:15 (UTC)    
Titel:

Na du:
matsk hat Folgendes geschrieben:
soweit ich weiß ist das Script für dieses Spotlight von dem User "hpbk-beispielseiten".

hpbk-beispielseiten hat Folgendes geschrieben:
Jap[...]


Außerdem suggeriert mir das dein Posting, zumal du gegen die vorgesehene Lizenz verstößt. Rolling Eyes
Wo du das kopiert hast, ist doch egal. Der Autor ist jedenfalls der oben genannte und die Lizenz eine andere.

Nein, ich habe nichts gegen dich, warum auch.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 10.03.2013, 16:44, insgesamt einmal bearbeitet
Beitrag10.03.2013 um 15:16 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:
Na du:
matsk hat Folgendes geschrieben:
soweit ich weiß ist das Script für dieses Spotlight von dem User "hpbk-beispielseiten".

hpbk-beispielseiten hat Folgendes geschrieben:
Jap[...]


Außerdem suggeriert mir das dein Posting, zumal du gegen die vorgesehene Lizenz verstößt. Rolling Eyes
Wo du das kopiert hast, ist doch egal. Der Autor ist jedenfalls der oben genannte.

Nein, ich habe nichts gegen dich, warum auch.


Mit "Jap" meinte ich also das ich den Code habe, ja es kann auch so rüber kommen, aber ich meinte es nicht so, wirklich.
____________________
MFG:

Eigene Designs | Designvorlagen | Hilfeseiten und anderes Nützliches | Anmelden | Gästebuch | Tutorials | Topliste
Beitrag10.03.2013 um 15:23 (UTC)    
Titel:

Dann hättest du spätestens in deinem letzten Posting auf meine dezente Andeutungen bezüglich der Lizenz eingehen und oben entsprechend ergänzen sollen.
Vielleicht lest du dir die mal durch, bevor du dich unglücklich machst. Wink
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag10.03.2013 um 15:25 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:
Dann hättest du spätestens in deinem letzten Posting auf meine dezente Andeutungen bezüglich der Lizenz eingehen und oben entsprechend ergänzen sollen.
Vielleicht lest du dir die mal durch, bevor du dich unglücklich machst. Wink


Ja habs vergessen, werde ich nächstes mal machen. Smile
____________________
MFG:

Eigene Designs | Designvorlagen | Hilfeseiten und anderes Nützliches | Anmelden | Gästebuch | Tutorials | Topliste
Beitrag10.03.2013 um 16:16 (UTC)    
Titel:

Das machst du nicht nur nächstes mal, sondern editierst du auch oben mit rein, damit jeder Bescheid weiß Wink
Beitrag10.03.2013 um 16:37 (UTC)    
Titel:

hpbk-beispielseiten hat Folgendes geschrieben:
Beitrag15.03.2013 um 18:32 (UTC)    
Titel:

Danke an hpbk-beispielseiten

Hat geklappt Wink

MfG Bernd
______________
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de