News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 31
Seite [1] 2 >
85PlayBoy85


Beginner




Herkunft: Merseburg
Beiträge: 18
# Thema - 10.02.2009 um 17:34 Uhr
ich hätte da mal noch eine frage und zwar besteht die möglichkeit in der index datei den code zu ändern für einen mouse over effekt so das wenn ich auf den butten gehe sich dann die schrift ändert oder besser wäre es ob man die standart schrift vll in old english um schreiben könnte ich hatte dieses schon einmal auf einer hp habe die inex verglichen ist aber vollkommen abweichend brauch ich vll ein tool oder so wenn ja wo bekomme ich dies her ???

wenn das noch funktzionieren würde wäre meine hp komplett

mfg Hawck112
Inaktiv
pHaeno* ClanSphere Team


Geekboy





Beiträge: 1405
# Antwort: 1 - 10.02.2009 um 17:37 Uhr
Was du dir zuerst einmal zulegen solltest, ist vielleicht die Kenntniss dessen, wie man Satzzeichen benutzt. Ist ja furchtbar.
Desweiteren wären an deiner Stelle vielleicht grundlegen HTML Kenntnisse angebracht. Denn dann wüsstest du auch das soetwas möglich ist.


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}



## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Inaktiv
|
85PlayBoy85
Thread-Ersteller


Beginner




Herkunft: Merseburg
Beiträge: 18
# Antwort: 2 - 10.02.2009 um 17:43 Uhr
onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/navi _news_over.jpg',1)"><img src="images/navi_news.jpg" name="Image1" width="200" height="18" border="0" id="Image1" /></a></div>

ich hätte da ja ein code weiß nur leider nicht ob der funktionier würde deshalb frag ich lieber nach.
und ja vll sollte ich meine kenntnisse in html aufbessern bin ja auch schon am arbeiten an dieser sache.
und die satz zeichen sorry aber meine tasten klemmen ab und an mal :-)


Inaktiv
|
Miraculix


Going for pro




Herkunft: Füssen
Beiträge: 429
# Antwort: 3 - 10.02.2009 um 17:51 Uhr
Dann probiers doch einfach.
Dann weißt du ob es funktioniert oder nicht.


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
# Antwort: 4 - 10.02.2009 um 18:23 Uhr
Das was du da gepostet hast ist ein mousover für images/bilder.

Hier mal ein komplettes mousover, welches ich benutze.

Ins index.htm zwischen <head></head> (das fette musst du ändern):
mehr... +-
<script type='text/javascript' src='PfadZumMousoverScript/mousover.js'></scrip t>


In die Index.htm wo das mousover sein soll (das fette musst du ändern):
mehr... +-
<a href="Ziellink" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','De inBild_active.jpg',1)">
<img src="DeinZweitesBild.jpg" name="Image23" width="59" height="58" border="0" id="Image23" alt="" /></a>


Und hier das mousover.js (muss in den Ordner wo die index ist und als mousover.js gespeichert werden):
mehr... +-
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->



Zuletzt editiert von 1a Schnitzel am 10.02.2009 um 18:25 Uhr (2x Editiert)
Inaktiv
|
85PlayBoy85
Thread-Ersteller


Beginner




Herkunft: Merseburg
Beiträge: 18
# Antwort: 5 - 10.02.2009 um 18:51 Uhr
also ich danke dir, des bekomm ich schon hin hoff ich doch, ich habe grad mitbekommen das ich schon eine datei habe: <script defer type="text/javascript" src="javascript/pngfix.js"></script>
wenn ich die jetz damit ersetze müsste es ja funktioniern

aber ich dank dir nochmals für deine hilfe


Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
# Antwort: 6 - 10.02.2009 um 21:44 Uhr
10.02.2009 um 18:51 Uhr - Hawck112:
ich habe grad mitbekommen das ich schon eine datei habe: <script defer type="text/javascript" src="javascript/pngfix.js"></script>
wenn ich die jetz damit ersetze müsste es ja funktioniern

aber ich dank dir nochmals für deine hilfe


Nein, das musst/kannst du lassen, das ist nur ein fix damit png Bilder in älteren IE Versionen richtig angezeigt werden.
Kannst meins einfach eine zeile drunter setzen, wichtich ist nur das es zwischen den beiden head tags ist

Das leerzeichen bei </script> welches sich oben im anderen Post durch die Foreneinstellung eingeschlichen hat darf aber nicht mit rein.


Zuletzt editiert von 1a Schnitzel am 10.02.2009 um 21:46 Uhr (2x Editiert)
Inaktiv
|
RaPiD


Geekboy




Beiträge: 1192
# Antwort: 7 - 10.02.2009 um 21:48 Uhr
vllt hilft Dir auch das hier:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="176" height="24" background="images/ProGold_14.jpg" /></td>
<td><a href="default.htm" onClick="return clickreturnvalue()" OnMouseover="dropdownmenu(this, event, menu1, '142px')" onMouseout="delayhidemenu()"><img width="142" height="24" border="0" src="images/main.jpg" OnMouseOut=src="images/main.jpg" OnMouseOver=src="images/mouseover/main.jpg" /></a></td>
<td width="27" height="24" background="images/ProGold_15.jpg" /></td>
<td><a href="default.htm" onClick="return clickreturnvalue()" OnMouseover="dropdownmenu(this, event, menu2, '142px')" onMouseout="delayhidemenu()"><img width="143" height="24" border="0" src="images/clan.jpg" OnMouseOut=src="images/clan.jpg" OnMouseOver=src="images/mouseover/clan.jpg" /></a></td>
<td width="24" height="24" background="images/ProGold_16.jpg" /></td>
<td><a href="default.htm" onClick="return clickreturnvalue()" OnMouseover="dropdownmenu(this, event, menu3, '143px')" onMouseout="delayhidemenu()"><img width="143" height="24" border="0" src="images/com.jpg" OnMouseOut=src="images/com.jpg" OnMouseOver=src="images/mouseover/com.jpg" /></a></td>
<td width="27" height="24" background="images/ProGold_17.jpg" /></td>
<td><a href="default.htm" onClick="return clickreturnvalue()" OnMouseover="dropdownmenu(this, event, menu4, '143px')" onMouseout="delayhidemenu()"><img width="143" height="24" border="0" src="images/misc.jpg" OnMouseOut=src="images/misc.jpg" OnMouseOver=src="images/mouseover/misc.jpg" /></a></td>
<td width="175" height="24" background="images/ProGold_18.jpg" /></td>
</tr>
</table>


Zuletzt editiert von RaPiD am 10.02.2009 um 21:48 Uhr (1x Editiert)
Inaktiv
|
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
# Antwort: 8 - 11.02.2009 um 07:12 Uhr
Warum so ultra kompliziert:

http://aktuell.de.selfhtml.org/artikel/css/mouseover/

Ganz unten der Punkt "Button mit Bildern"!


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com


Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 9 - 11.02.2009 um 09:00 Uhr
Ich wollt auch grad sagen. Lasst doch das Javascript gedüns mal weg. Ihr scheint so oder so nicht ganz zu verstehen, was ihr da einbaut. Mit CSS gibts viel einfachere Methoden, die auch ein Plus für Usability bekommen.

Einfach mal rein schauen.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
# Antwort: 10 - 11.02.2009 um 10:00 Uhr
Vor allem ist der Quelltext nicht so aufgebläht. Die oben genannten Funktionen sehen mir so nach dem Dreamweaver standard rollover effekt aus.


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com


Inaktiv
|
85PlayBoy85
Thread-Ersteller


Beginner




Herkunft: Merseburg
Beiträge: 18
# Antwort: 11 - 11.02.2009 um 12:36 Uhr
jo ich versuchs mal scheint ein wenig einfacher zu sein und is echt nicht so aufgebläht :-)

ich danke euch für die hilfe


Zuletzt editiert von Hawck112 am 11.02.2009 um 12:40 Uhr (1x Editiert)
Inaktiv
|
1a Schnitzel


Going for pro





Beiträge: 518
# Antwort: 12 - 11.02.2009 um 12:54 Uhr
11.02.2009 um 09:00 Uhr - Nachtmeister:
Ihr scheint so oder so nicht ganz zu verstehen, was ihr da einbaut. Mit CSS gibts viel einfachere Methoden, die auch ein Plus für Usability bekommen.


Ich verstehe schon was ich da eingebaut habe, das ist ja nicht das komplette script was ich ihm da gepostet habe, sondern nur der image swap teil, mit css wäre das was ich brauchte nicht möglich gewesen

Und nein, meins ist kein dreamweaver Standart

Aber habt schon recht, die schmalere CSS Variante ist für ihn besser geeignet, hätte ich aber auch selber drauf kommen können.


Zuletzt editiert von 1a Schnitzel am 11.02.2009 um 12:59 Uhr (1x Editiert)
Inaktiv
|
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
# Antwort: 13 - 11.02.2009 um 13:20 Uhr
Warum hätte die css variante bei dir nicht weitergeholfen?


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com


Inaktiv
|
85PlayBoy85
Thread-Ersteller


Beginner




Herkunft: Merseburg
Beiträge: 18
# Antwort: 14 - 11.02.2009 um 15:59 Uhr
also ganz so einfach ist dies dann doch nicht für ein noob sry.aber im grunde genommen warum ich dies in ein mouse over ändern wollte ist der, ich würd gerne die schrift old english für meine homepage haben denn das standart ist nicht so mein fall ums mal auf den punkt zu bringen besteht die möglichkeit
z.b.
input, textarea, select {
background-color:#333333;
border:1px solid #000000;
color:#FFFFFF;
font-family:Verdana,Helvetica,sans-serif; <------ dieses in old english zu ändern
font-size:8pt;
margin:2px;
padding-left:3px;

dann brauch ich auch den over effekt nicht

mfg Hawck112


Inaktiv
|
Zage


King for a day





Beiträge: 283
# Antwort: 15 - 11.02.2009 um 17:04 Uhr
nein, leider ist dies nicht möglich, da es nur einen bestimmten satz an
schriftarten gibt wie z.B. Verdana,Helvetica,sans-serif usw,
wobei old english nicht enthalten ist, du must da einen anderen weg gehen,
speichere deine buttons mit dem text deiner schriftart als grafik ab, jeden einzeln,
erstelle dann die hover bilder, wieder mit deiner schriftart doch mit anderen hintergrund

ein beispiel:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
1. / 2. / ... 
<?php
<style type="text/css">
<!--
#button {
width 100px;
height 20px;
background-image url(b1.jpg);
}

#button:hover {
background-image url(b1_hover.jpg);

-->
</
style>


<
a id="button" href="#">DEINButton</a>
?>


------------------
<- Mein Counterstrike Video ->

Inaktiv
|
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
# Antwort: 16 - 11.02.2009 um 17:07 Uhr
CSS2 machts möglich:

 
1.
2.
3.
4.
5.
6.
1. / 2. / ... 
 <{ 
font-family"Dauphin";  
srclocal("Dauphin"), 
url("http://site/fonts/dauphinf"
format("TrueType"


Ob das nun schon von allen Browsern unterstützt wird kann ich nicht sagen.


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com


Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 17 - 11.02.2009 um 18:13 Uhr
Nope, das klappt so nicht. sIFR und Facelift sind deine Freunde. Du kannst sogar noch auswählen.

http://www.mikeindustries.com/blog/sifr/
http://facelift.mawhorter.net/


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Zage


King for a day





Beiträge: 283
# Antwort: 18 - 11.02.2009 um 21:11 Uhr
wobei man wieder auf javascript/flash zurückgreifen muss, da wähl ich lieber den css standard und weiß,
das dies bei jedem browser funktioniert


------------------
<- Mein Counterstrike Video ->

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 19 - 11.02.2009 um 21:13 Uhr
Das oben ist nicht wirklich CSS Standard Das Funktioniert zu 100% nur in sehr wenigen Browsern, wärend Javascript auf 98% aller Browser installiert und im gange ist .


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
# Antwort: 20 - 12.02.2009 um 06:17 Uhr
Ja, hab auf dem ftp das versucht mit dem font geht aber garnicht :(

Wird css2 noch von keinen Browsern unterstützt?


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com


Inaktiv
|
Antworten: 31
Seite [1] 2 >


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo