CSS-Bild?

Beitrag Februar 4th, 2008, 10:08 pm

Gday friendz,
Ich möchte CSS-Bild Ersatzkraft grafische Navigation auf der Seite und Seite Titel beginnen mit Ihrer Zielregion Stichworte? Ist es von Vorteil für mich oder nicht?

Grüße
Gilbert Imlay
  • Anonymous
  • Bot
  • No Avatar
  • Registriert: 25 Feb 2008
  • Beiträge: ?
  • Loc: Ozzuland
  • Status: Online

Beitrag Februar 4th, 2008, 10:08 pm

Beitrag Februar 4th, 2008, 10:52 pm

Sprechen Sie über Hintergrund-Bilder für Ihre Links platzieren und dann die Text-Links über die Hintergründe...Wenn Sie dann Ja, ist es von Vorteil, Google folgt nur Text-Links. Wissen Sie, wie Sie diese einfügen mit CSS oder brauchen Sie ein Beispiel nennen?
RewriteEngine On

RewriteRule ^(awesome|excellent|extraordinary)$ RT

Beitrag Februar 4th, 2008, 11:29 pm

Hallo righteous_trespasser,

Ja, ich rede backwords Link, und ich bin auch notwendig n Beispiel dafür, wie zum Einfügen von Bildern mit CSS.

IM dankbar, dass Sie.

Beitrag Februar 4th, 2008, 11:38 pm

Na gut, ich bin mit dies Website als Beispiel...Schau dir das Menü...sind die Links in Text, aber ich habe Hintergrund-Bilder zu machen, schöner Blick...Code:

XHTML:
Code: [ Download ] [ Select ]
<div class='menubar'>
<div class='button-selected'><p>Home</p></div>
<div class='button'><a href='downloads.htm'>Downloads</a></div>
<div class='button'><a href='products.htm'>Products</a></div>
<div class='button'><a href='services.htm'>Services</a></div>
<div class='button'><a href='customers.htm'>Customers</a></div>
<div class='button'><a href='news.htm'>News</a></div>
<div class='button'><a href='support.htm'>Support</a></div>
<div class='button'><a href='aboutus.htm'>About us</a></div>
<div class='button'><a href='videos.htm'>Videos</a></div>
<div class='button'><a href='#'>Forum</a></div>
</div>
  1. <div class='menubar'>
  2. <div class='button-selected'><p>Home</p></div>
  3. <div class='button'><a href='downloads.htm'>Downloads</a></div>
  4. <div class='button'><a href='products.htm'>Products</a></div>
  5. <div class='button'><a href='services.htm'>Services</a></div>
  6. <div class='button'><a href='customers.htm'>Customers</a></div>
  7. <div class='button'><a href='news.htm'>News</a></div>
  8. <div class='button'><a href='support.htm'>Support</a></div>
  9. <div class='button'><a href='aboutus.htm'>About us</a></div>
  10. <div class='button'><a href='videos.htm'>Videos</a></div>
  11. <div class='button'><a href='#'>Forum</a></div>
  12. </div>


CSS:
Code: [ Download ] [ Select ]
div.menubar
{
background-color:#b3d3ff;
width:980px;
height:23px;
}
div.button-selected
{
margin:0px;
padding:0px;
width:95px;
height:23px;
background-image:url('images/button-selected.gif');
text-align:center;
float:left;
}
div.button-selected p
{
padding-top:5px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
text-decoration:none;
color:#003791;
}
div.button
{
text-align:center;
margin:0px;
padding:0px;
width:95px;
height:23px;
float:left;
}
div.button a
{
margin-top:10px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
text-decoration:none;
color:#003791;
}
div.button a:hover
{
margin-top:10px;
margin:0px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
text-decoration:underline;
color:#003791;
}
div.button:hover
{
background-image:url('images/button-over.gif');
background-position:bottom center;
text-align:center;
margin:0px;
padding:0px;
width:95px;
height:23px;
float:left;
}
  1. div.menubar
  2. {
  3. background-color:#b3d3ff;
  4. width:980px;
  5. height:23px;
  6. }
  7. div.button-selected
  8. {
  9. margin:0px;
  10. padding:0px;
  11. width:95px;
  12. height:23px;
  13. background-image:url('images/button-selected.gif');
  14. text-align:center;
  15. float:left;
  16. }
  17. div.button-selected p
  18. {
  19. padding-top:5px;
  20. margin:0px;
  21. font-family:arial,helvetica,sans-serif;
  22. font-size:12px;
  23. text-decoration:none;
  24. color:#003791;
  25. }
  26. div.button
  27. {
  28. text-align:center;
  29. margin:0px;
  30. padding:0px;
  31. width:95px;
  32. height:23px;
  33. float:left;
  34. }
  35. div.button a
  36. {
  37. margin-top:10px;
  38. margin:0px;
  39. font-family:arial,helvetica,sans-serif;
  40. font-size:12px;
  41. text-decoration:none;
  42. color:#003791;
  43. }
  44. div.button a:hover
  45. {
  46. margin-top:10px;
  47. margin:0px;
  48. font-family:arial,helvetica,sans-serif;
  49. font-size:12px;
  50. text-decoration:underline;
  51. color:#003791;
  52. }
  53. div.button:hover
  54. {
  55. background-image:url('images/button-over.gif');
  56. background-position:bottom center;
  57. text-align:center;
  58. margin:0px;
  59. padding:0px;
  60. width:95px;
  61. height:23px;
  62. float:left;
  63. }
RewriteEngine On

RewriteRule ^(awesome|excellent|extraordinary)$ RT

Beitrag Februar 6th, 2008, 9:12 pm

Gday righteous_trespasser,

Ich bin dankbar, dass Sie für das Senden der netten CSS-Code. Ich werde auch
Verwendung ähnlicher dieser Code für meine Website.

Grüße
Gilbert
  • suzie
  • Guru
  • Guru
  • Benutzeravatar
  • Registriert: Feb 07, 2004
  • Beiträge: 1084
  • Loc: England
  • Status: Offline

Beitrag Februar 10th, 2008, 11:49 am

Sehen Sie sich Eric Meyers CSS Grafik-Menü,

http://meyerweb.com/eric/css/edge/popups/demo2.html

:lol:

S
"http://jungaling.com/selamatdatang/"

Beitrag Februar 10th, 2008, 12:29 pm

suzie hat geschrieben:
Sehen Sie sich Eric Meyers CSS Grafik-Menü,

http://meyerweb.com/eric/css/edge/popups/demo2.html

:lol:

S

hey, das ist sehr cool, dank S
RewriteEngine On

RewriteRule ^(awesome|excellent|extraordinary)$ RT
  • suzie
  • Guru
  • Guru
  • Benutzeravatar
  • Registriert: Feb 07, 2004
  • Beiträge: 1084
  • Loc: England
  • Status: Offline

Beitrag Februar 10th, 2008, 12:35 pm

Ihr righteous_trespasser das meiste Willkommen,


S

:lol:
"http://jungaling.com/selamatdatang/"
  • snuggles
  • Novice
  • Novice
  • No Avatar
  • Registriert: Feb 06, 2008
  • Beiträge: 27
  • Status: Offline

Beitrag Februar 11th, 2008, 8:00 am

Quote:
Code: [ Download ] [ Select ]
<div class='menubar'>

<div class='button-selected'><p>Home</p></div>

<div class='button'><a href='downloads.htm'>Downloads</a></div>

<div class='button'><a href='products.htm'>Products</a></div>

<div class='button'><a href='services.htm'>Services</a></div>

<div class='button'><a href='customers.htm'>Customers</a></div>

<div class='button'><a href='news.htm'>News</a></div>

<div class='button'><a href='support.htm'>Support</a></div>

<div class='button'><a href='aboutus.htm'>About us</a></div>

<div class='button'><a href='videos.htm'>Videos</a></div>

<div class='button'><a href='#'>Forum</a></div>

</div>
  1. <div class='menubar'>
  2. <div class='button-selected'><p>Home</p></div>
  3. <div class='button'><a href='downloads.htm'>Downloads</a></div>
  4. <div class='button'><a href='products.htm'>Products</a></div>
  5. <div class='button'><a href='services.htm'>Services</a></div>
  6. <div class='button'><a href='customers.htm'>Customers</a></div>
  7. <div class='button'><a href='news.htm'>News</a></div>
  8. <div class='button'><a href='support.htm'>Support</a></div>
  9. <div class='button'><a href='aboutus.htm'>About us</a></div>
  10. <div class='button'><a href='videos.htm'>Videos</a></div>
  11. <div class='button'><a href='#'>Forum</a></div>
  12. </div>


Warum divs? Ive gesehen ein paar Leute tun es auf diese Weise aber immer Im Inhalt unter Verwendung der Listen. Gibt es einen Vorteil durch die Verwendung divs?

Beitrag Februar 11th, 2008, 9:41 am

Nein überhaupt nicht...es war nur meine Art und Weise sie...Listen funktionieren würde genauso gut Ich bin sicher,...
RewriteEngine On

RewriteRule ^(awesome|excellent|extraordinary)$ RT
  • erikko
  • Graduate
  • Graduate
  • No Avatar
  • Registriert: Okt 24, 2007
  • Beiträge: 140
  • Status: Offline

Beitrag Februar 12th, 2008, 9:02 am

Für mich ziehe ich es vor der <div> Tag, es macht mir einfach Optimierung wenn etwas schief geht mit meiner Codierung
  • spork
  • HB
  • Silver Member
  • Benutzeravatar
  • Registriert: Sep 22, 2003
  • Beiträge: 5487
  • Loc: Rochester, NY
  • Status: Online

Beitrag Februar 12th, 2008, 9:48 am

Ich bin nicht sicher, was das bedeutet. Optimierung ist etwas, das Sie normalerweise tun, nachdem Sie haben alles richtig funktioniert, und nicht während des Entwicklungsprozesses, wenn etwas falsch läuft. Auch, wie mit einem anderen Tag Optimierung einfacher machen? Zu diesem Thema, wie macht es das Debuggen erleichtern? Die CSS-Syntax ist die gleiche, egal, was Tag die Sie benutzen. :scratchhead:

Auf jeden Fall, seine immer mein Verständnis, dass die Listen sind die bevorzugte Art und Weise der Durchführung einer Menü-Struktur. Für mich ist es logisch macht mehr Sinn. Aber auf jeder seinen eigenen.
How to Maintain Simple, Static Pages in a CakePHP Application
EEEEEEEEE! It's here!!
  • bilhasry4you
  • Novice
  • Novice
  • No Avatar
  • Registriert: Feb 12, 2008
  • Beiträge: 23
  • Status: Offline

Beitrag Februar 12th, 2008, 4:49 pm

Ich denke, daß die effektive Verwendung von div oder Li oder UL, hängt von seinen uns. WENN Sie verwenden die übliche, ich denke, es spielt keine Rolle,
Ich stimme mit spork, müssen Sie Ihren Web-Oberfläche.
und Sie können sehen, wie wirksam es ist.

Buchung Informationen

  • Beiträge in diesem Thema: 13 Beiträge
  • Mitglieder in diesem Forum: 0 Mitglieder und 100 Gäste
  • Du darfst keine neuen Themen in diesem Forum erstellen.
  • Du darfst keine Antworten zu Themen in diesem Forum erstellen.
  • Du darfst deine Beiträge in diesem Forum nicht ändern.
  • Du darfst deine Beiträge in diesem Forum nicht löschen.
  • Du darfst keine Dateianhänge in diesem Forum erstellen.
 
 

© Unmelted Enterprises 1998-2009. Angetrieben durch phpBB © 2001-2009 phpBB Group.