Suche im Forum:
Suchen


Autor Nachricht
Beitrag30.07.2011 um 19:14 (UTC)    
Titel: Aufzählungszeichen ändern!

Hallo, ich habe eine Unterseite mit dem Titel Home, doch das Aufzählungzeichen (=>) ist nicht schön. Kann man dass irgendwie ändern durch ein beliebiges Bild oder einen Einzug!

Danke im Voraus!

admira-fans
______________
Beitrag30.07.2011 um 22:01 (UTC)    
Titel:

Hi,
mit CSS hat deine Frage ja nur bedingt was zu tun.
Ich versuche es trotzdem mal (Pfeil entfernen und Bild einfügen), allerdings fast ohne CSS...

Bei Text über dem Design:
Zitat:
<script type="text/javascript">
var source = 'URL';

function myOwnBulletPoints()
{
var i;
var allLinks = document.getElementsByTagName('a');
var newBulletPoint = document.createElement('img');
newBulletPoint.src = source;
newBulletPoint.className = 'new_bullet_points';
newBulletPoint.alt = 'icon';

for(i = 0; i < allLinks.length; i++)
{
if((allLinks[i].className == 'menu') && (allLinks[i].firstChild.nodeName == '#text') && (allLinks[i].firstChild.nodeValue.substr(0, 2) == '=>'))
{
allLinks[i].firstChild.nodeValue = allLinks[i].firstChild.nodeValue.substr(2, allLinks[i].firstChild.nodeValue.length - 2)
allLinks[i].insertBefore(newBulletPoint, allLinks[i].firstChild);
}
}
}
</script>

URL zu deinem Bild

Die Bilder solltest du jetzt mit CSS über die Klasse: "new_bullet_points" ansprechen können. Ich denke mal wichtig dürfte die Höhe und die Breite sein. Bsp.:
Zitat:

<style type="text/css">
.new_bullet_points
{
width:50px;
height:15px;
}
</style>


Bei Text unter dem Design:
Code:
<script type="text/javascript">
myOwnBulletPoints();
</script>

______________
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 30.07.2011, 23:07, insgesamt einmal bearbeitet
Beitrag03.08.2011 um 18:29 (UTC)    
Titel:

Wie kann man statt einem Bild einen Einzug hinzufügen?
______________
Beitrag03.08.2011 um 20:35 (UTC)    
Titel:

Hi,
Zitat:
<style type="text/css">
.new_bullet_points
{
visibility:hidden;
width:Xpx;
}
</style>

Sorgt dafür, dass das Bild nicht sichtbar ist.
Hier kannst du für das Bild eine Breite festlegen, dadurch erreichst du einen Einzug.

Ist nicht schön, ist aber das einfachste und sollte klappen.
______________
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
Beiträge der letzten Zeit anzeigen:   


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