<b>REGISTER</b>

GFX-Sector - HTML, CSS


 
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Hover-Effekt: Veränderung des ersten Buchstabens » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS
Post New Thread Post Reply

Hover-Effekt: Veränderung des ersten Buchstabens

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

Spark500
Filtertester


Spark500 hat kein Avatar

Registration Date: 04.09.2009
Posts: 4
Program: c4d, versuch mich jetz an Photoshop, HTML/CSS

Spacer
Hover-Effekt: Veränderung des ersten Buchstabens

Hover-Effekt: Veränderung des ersten Buchstabens

      

Hallo smile

Kann mir hier jemand helfen?
ich möchte eine Navigation bauen in der sich die Links folgendermaßen verändern:

Home -> Home

wie kann ich in der CSS datei erreichen?

ich bedanke mich bereits für antworten fröhlich

mfg Spark
Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 16:31 Spark500 is offline Search for Posts by Spark500

Surako Surako is a male
Abwedler


Avatar von Surako

Registration Date: 01.03.2009
Posts: 249
Location: Bayern
Program: Photoshop CS5 Extended
Deviantart: stpfeifer

Spacer
      

Den 1. Buchstaben in einen neuen div-Container
und dann eben normal mit :hover.^^





.:: Artgroup ::.

.:: quantum .::. raD1anT .::. Seb@stian .::. -Soul .::. Surako .::. Tuneup91 ::.
Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 16:55 Surako is offline Homepage of Surako Search for Posts by Surako

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

@Surako:
Nicht ganz, denn dann verändert sich der erste Buchstabe nur, wenn man auch über den ersten Buchstaben hovert.
Was Spark möchte, ist glaube ich, dass sich der erste Buchstabe verändert, wenn man irgendwo auf den Link kommt Wink



Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:00 Fireball is offline Homepage of Fireball Search for Posts by Fireball

piJoe
Designartist


Avatar von piJoe

Registration Date: 11.09.2009
Posts: 1,253
Deviantart: pijoe93

Spacer
      

Dann wird das allein mit CSS schwer.

Da bräuchts dann schon an bischen javascript smile
Code müsst ich jetzt aber erst machen ..




^g4MBLe basht fröhlich

Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:04 piJoe is offline Search for Posts by piJoe

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

Ich dachte da eben an die CSS Eigenschaft "first-letter", dass man die irgendwie mit dem hover-Property verbinden kann... Ist mir aber nicht gelungen *g*



Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:05 Fireball is offline Homepage of Fireball Search for Posts by Fireball

Blyawon Blyawon is a male
Pfadfinder


Avatar von Blyawon

Registration Date: 21.02.2009
Posts: 561
Location: Deutschland
Program: PS CS4, ID CS4, AE CS4, AI CS4
Deviantart: blyawon

Spacer
      

Du könntest die Schrift als Bild einbinden.





Portfolio: FinalARTs.de
DeviantART: blyawon.deviantart.com

Design und Coding Dienstleistungen auf finalarts.de
Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:05 Blyawon is offline Homepage of Blyawon Search for Posts by Blyawon

Spark500
Filtertester


Spark500 hat kein Avatar

Registration Date: 04.09.2009
Posts: 4
Program: c4d, versuch mich jetz an Photoshop, HTML/CSS

Thread Starter Thread Started by Spark500
Spacer
      

okay, das mit dem bild hört sich gut an, wie mach ich das am besten (ich bin noch nich soo routiniert mit html/css) aber schonmal danke für die vielen antworten fröhlich

mfg spark

Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:09 Spark500 is offline Search for Posts by Spark500

Blyawon Blyawon is a male
Pfadfinder


Avatar von Blyawon

Registration Date: 21.02.2009
Posts: 561
Location: Deutschland
Program: PS CS4, ID CS4, AE CS4, AI CS4
Deviantart: blyawon

Spacer
      

Du erstellst einfach den Text in Photoshop und speicherst ihn ab. Dann musst du halt des ganze mit a:hover und a:active machen.





Portfolio: FinalARTs.de
DeviantART: blyawon.deviantart.com

Design und Coding Dienstleistungen auf finalarts.de
Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:17 Blyawon is offline Homepage of Blyawon Search for Posts by Blyawon

Spark500
Filtertester


Spark500 hat kein Avatar

Registration Date: 04.09.2009
Posts: 4
Program: c4d, versuch mich jetz an Photoshop, HTML/CSS

Thread Starter Thread Started by Spark500
Spacer
      

okay, wie das mit hover klappt weiß ich ja aberich wusste bis jezt nur wie das mit text geht, kann mir bitte jemand nen beispiel code für das mit bildern geben?

Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:25 Spark500 is offline Search for Posts by Spark500

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

code:
1:
2:
.navihome{background-image:url(home.jpg);}
.navihome:hover{background-image:url(home_hover.jpg);}


Dann einfach
code:
1:
<a href="./index.html" class="navihome"></a>


Sollte klappen^^



Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:33 Fireball is offline Homepage of Fireball Search for Posts by Fireball

Spark500
Filtertester


Spark500 hat kein Avatar

Registration Date: 04.09.2009
Posts: 4
Program: c4d, versuch mich jetz an Photoshop, HTML/CSS

Thread Starter Thread Started by Spark500
Spacer
      

okay, danke
ich denke damit kann ich was machen fröhlich

mfg spark

Hover-Effekt: Veränderung des ersten Buchstabens 13.09.2009 17:41 Spark500 is offline Search for Posts by Spark500
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 13.09.2009 17:41  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Hover-Effekt: Veränderung des ersten Buchstabens

Similar topics to Hover-Effekt: Veränderung des ersten Buchstabens
Thread
Signature Design (Forum: Fragen & Probleme)
Comic Effekt - kein Billigmist. (Forum: Tutorial Suche)
Business Webdesign - Blyawon (Forum: Designs)
[Dienstleistung] Suche Designer für Blogdesign (Forum: Archiv)
2nd Webdesign (Forum: Designs)