Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
Diskussion

css Probleme

Thema abonnieren | Thema versenden | Thema drucken
msolt
  Geschrieben am: Sa 28.07.2007, 15:05
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 125
Mitglied seit: 30.04.2005
Hi Leute,
ich probiere gerade ein Wordpress Theme nach meinen Wünschen anzupassen.
Nun stellt sich mir ein Problem in den Weg, wovon ich behaupten möchte, dass es ein Anfängerfehler ist.

Ich erläutere kurz das Problem und dann gebe ich auch den Code zum Besten.
Also ich möchte schlicht und ergreifend einen:
Link in rot haben.
:hover rosa

Sollte an sich nicht so schwer sein, doch wo stelle ich in der style.css ein, dass die Färbung des Links NUR für diesen Link gilt. Zur Zeit kann ich nur Alle oder garnichts ändern.


hier ein Ausschnitt aus der php:
CODE

<div id="sidebar">
<ul>
 <li class="nodots"><h5><?php _e('Suche','avenue'); ?></h5>
  <?php include (TEMPLATEPATH . '/searchform.php'); ?>
  </li>
           
           <li class="nodots"><div id="end_a">&nbsp;</div></li>
 
 <h5>Network</h5>
 
<li><a href="http://website.com/" title="Website">Click here</a></li>

.
. HIER STEHT NORMALERWEISE NOCH EINE MENGE MEHR !!!!
.
<?php wp_register(); ?>
    <li><?php wp_loginout(); ?></li>
    <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
   
    <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
    <li><a href="http://wordpress-deutschland.org/" title="WordPress Deutschland">WPD</a></li>
    <?php wp_meta(); ?>
   </ul>
   </li>



Wie gesagt sollen die Links ganz unten im code nicht von den Änderungen betroffen sein sondern nur dieser Teil:
CODE
<li><a href="http://website.com/" title="Website">Click here</a></li>




Und soweit ich das einschätzen kann müsste das der Teil in der css sein:
CODE

#sidebar a {background: #ffffff; color: #4d4d4d;}

#sidebar a:hover {background: none; color: #00b3b3;}


#sidebar li {
color: #86b0b3;
line-height: 1.5em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
background: url(images/dot.gif) bottom left repeat-x transparent;}



Vielleicht kann mir ja jemand sagen wie ich es richtig einstellen kann.
Sollte jemand den gesamten code brauchen, stelle ich diesen natürlich hier zur Verfügung. Sollte aber eigentlich auch so klappen.!? Glaube ich zumindest blink.gif


Vielen Dank im Voraus,
Gruß,
Top
PMEmail Poster
Top
 
 
msolt
#2 Geschrieben am: Sa 28.07.2007, 20:54 (+05:49)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 125
Mitglied seit: 30.04.2005
Braucht ihr noch informationen oder kann mir keiner helfen?
Ich bin jetzt immer noch nicht dahinter gestiegen.


Gruß,
Top
PMEmail Poster
Top
 
Jürgen Auer
Server-Daten - Online-CRM-Lösungen
#3 Geschrieben am: Sa 28.07.2007, 21:25 (+00:30)
Report PostQuote Post

AyomRank 9
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 3274
Mitglied seit: 4.02.2006
Einfach dem Link eine CSS-Klasse mit geeigneter Definition zuweisen ...


--------------------
Web-Anwendung 3.0: Ein Online-Kalender für Termine vieler Filialen.

Server-Daten - die Single-Data-Solution: Web-Datenbanken als Online - CRM - Lösung.
Ihre Geschäftsprozesse entscheiden, was Ihre Online-Datenbank macht. Sie konzentrieren sich auf Ihr Kerngeschäft - Ihre Datenbank funktioniert.
Top
PMEmail PosterUsers Website
Top
 
manuel
#4 Geschrieben am: Sa 28.07.2007, 22:36 (+01:11)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 261
Mitglied seit: 14.01.2004
ich sehe keinen grund war es nicht funktioniert

also wenn du da einfach das div auch am ende wieder zu machst
das div der sidebar und dannach noch ein link einbaust klappts bei mir ohne probleme

du musst ein div immer zu machen wenn du ihn auf machst sonst is das natürlich nicht gut möglich ... lal
Top
PM
Top
 
#5 Geschrieben am: So 29.07.2007, 08:55 (+10:19)
Report PostQuote Post

AyomRank 1
**

Gruppe: Member (inaktiv)
Beiträge: 0
Mitglied seit: --
So:
<li><a href="http://website.com/" title="Website" style='color:#FF0CDB'>Click here</a></li>
oder wie JAuer schrieb eine eigene Klasse schreiben

rosa
{
color:#FF0CDB';
}

<li><a href="http://website.com/" title="Website" class='rosa'>Click here</a></li>
Top
PMEmail Poster
Top
 
msolt
#6 Geschrieben am: So 29.07.2007, 11:14 (+02:18)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 125
Mitglied seit: 30.04.2005
QUOTE
also wenn du da einfach das div auch am ende wieder zu machst
das div der sidebar und dannach noch ein link einbaust klappts bei mir ohne probleme

Das das div zu muss ist klar ;-)...trotzdem danke


QUOTE
Einfach dem Link eine CSS-Klasse mit geeigneter Definition zuweisen

Hatte ich probiet hat leider nicht funktioniert, da die Klasse immer von einer anderen in der css schon vorhandenen überschrieben wurde.


QUOTE
So:
<li><a href="http://website.com/" title="Website" style='color:#FF0CDB'>Click here</a></li>
...


Ich habe es erstmal nach dem ersten Beispiel gemacht. Klappt super. Danke schön.
Müsste es, wenn ich es direkt in die css schreibe und einen hover effekt haben möchte so aussehen?

rosa
{
color:#FF0CDB;
}
rosa:hover
{
color:#FF0000;
}

????

Gruß,
und vielen Dank an alle :-)
Top
PMEmail Poster
Top
 
jrmy
#7 Geschrieben am: So 29.07.2007, 11:21 (+00:07)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (aktiv)
Beiträge: 11
Mitglied seit: 30.06.2007
Hi,

nicht ganz, es müsste so aussehen:

.rosa
{
color:#FF0CDB;
}
a:hover.rosa
{
color:#FF0000;
}

am besten so:

a.rosa
{
color:#FF0CDB;
}
a:hover.rosa
{
color:#FF0000;
}


Grüße
jrmy
Top
PM
Top
 
msolt
#8 Geschrieben am: So 29.07.2007, 11:25 (+00:03)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 125
Mitglied seit: 30.04.2005
Klasse vielen Dank
Top
PMEmail Poster
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« Image vertikal zentrieren | Programmierung Allgemein | S: AJAX Adressbuch »
Trackback-Url: http://www.ayom.com/track/t/19678
Dieses Thema abonnieren

Topic Options Reply to this topicStart new topicStart Poll

 
Artikel die Sie interessieren könnten: (beta) - Feedback


> Ähnliche Themen
Themen Titel Autor Views Antworten Letzte Aktion
Bizarre probleme mit wordpress fox 330 7 So 14.03.2010, 16:59
Probleme mit Google Base R0x 139 1 Di 23.02.2010, 20:34
Probleme im Shop alex72 178 4 Mo 11.01.2010, 09:10
Kommentare im Artikel & Forum -> Problem ... hansg2008 184 3 Do 10.12.2009, 20:49
Probleme mit der DB Hardy11 173 0 Mi 9.12.2009, 18:01
Probleme mit Adsense R0x 267 2 Fr 16.10.2009, 13:48
Probleme mit Mootools chricke 195 1 Mo 28.09.2009, 19:38
Wordpress Probleme shoxiberlin 274 6 Sa 26.09.2009, 16:46
UTF8 und Probleme mit der Ausgabe? Japs 460 13 Di 8.09.2009, 18:07




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]