Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.08.2011 um 01:06 (UTC)    
Titel: Aufzählungszeichen / Pfeile vor Unterseiten löschen ändern

Hallo,

vor einiger Zeit habe ich für einen User, dessen Namen ich jetzt nicht nennen möchte, ein script geschrieben, damit diese ziemlich hässlichen Pfeile vor den Unterseiten verschwinden. Dieses script habe ich jetzt mal etwas umgeschrieben. So sollte es mit jedem Design und hoffentlich auch bei jedem klappen. Bsp:
http://o-4-n-test.de.tl/Home.htm

Es kann auch statt einem Bild einzufügen, einfach nur der Pfeil entfernt und der Text eingerückt werden.

Einfügen bei Text unter dem Design:
Zitat:
<script type="text/javascript">
//Soll ein Bild eingefügt werden?
var includeAImage = X;

//Nur ändern, wenn ein Bild eingefügt werden soll
var source = 'URL zum Bild';
var imageWidth = 20;
var imageHeight = 15;

//Nur ändern, wenn kein Bild eingefügt werden soll
var textPadding = 20;



//Ab hier nichts mehr ändern
var i;
var allLinks = document.getElementsByTagName('a');
var newBulletPoint;

for(i = 0; i < allLinks.length; i++)
{
if((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)

if(includeAImage)
{
newBulletPoint= document.createElement('img');
newBulletPoint.src = source;
newBulletPoint.alt = 'icon';
newBulletPoint.style.display = 'inline';
newBulletPoint.style.width = imageWidth + 'px';
newBulletPoint.style.height = imageHeight + 'px';
allLinks[i].insertBefore(newBulletPoint, allLinks[i].firstChild);
}
else
{
allLinks[i].style.paddingLeft = textPadding + 'px';
}
}
}
</script>


X mit folgendem ersetzen:
false
- Wenn ihr nur den Pfeil entfernen und den Text einrücken wollt
true - Wenn ihr den Pfeil durch ein eigenes Bild ersetzen wollt

Folgendes muss nur geändert werden, wenn ihr ein Bild einfügen wollt (X = true):
URL zu eurem Bild
Breite des Bildes in Pixel ohne px. Hier ist also eine Breite von 20 Pixel definiert
Höhe des Bildes in Pixel ohne px. Hier ist also eine Höhe von 15 Pixel definiert
Mit der Höhe solltet ihr aufpassen, da es sonst etwas seltsam aussieht!

Folgendes muss nur geändert werden, wenn ihr kein Bild einfügen wollt (X = false):
Einschub des Textes in Pixel ohne px. Hier wird der Text also um 20 Pixel nach rechts verschoben

Wollt ihr nur den Pfeil entfernen, aber ohne den Text zu verschieben, könnt ihr einfach den Einschub auf 0 setzen.
______________
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 16.08.2011, 11:38, insgesamt 5-mal bearbeitet
Beitrag15.08.2011 um 07:06 (UTC)    
Titel:

Du solltest am besten gleich gar nciht mehr schlafen, dann kommen vielleicht noch mehr so gute Tutorials Mr. Green
Ich verschiebs mal zu den Design Tutorials, damit man ihn auch wieder schneller findet.
Das hilft auch bestimmt sehr vielen, die ihre Homepage ein bisschen "aufpeppen" wollen.

Danke für das Skript!

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


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