Ich bin am umbauen!

HTML

hey wie gehts?

CSS

hey wie gehts?
hey wie gehts?

Profi Codes

Objekte, Bilder etc. transparent machen


LALALALAAAAAAAA

1. Das ist erstmal der CSS Code zum definieren der Class

<style type="text/css">
/*Transparents by sienc*/
.transparent {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;

}
</style>


ihr könnt natürlich die Werte für die Transparenz ändern,

hier ist die Transparenz 50% (0.5 bzw 50)

 

2. Dann kommt eurer normaler Code in HTML zB.

<img src="Bild-URL" class="transparent">

das class="transparent" mach das Bild dann so transparent wie ihr oben eingestellt habt

in dem Falle um 50%

dieses class="transparent" könnt ihr in jedem HTML-Code einfügen (also auch Kästen und so)

Titel der KnuddelsHomepage selbst gestalten

Dieser Code ist nur für Homepages von Knuddels.de

bei background: url(DEINEURL) fügt ihr euer Bild ein

bei width (Breite) und height (Höhe) die genaue Größe des Bildes

mein Bild 'SIENC'S HP' habe ich mit Photoshop erstellt und wie man sieht nur die Schrift sichtbar gemacht und das anderen transparent, damit man den Hintergrund der HP sieht

 

<style type="text/css"><!--
    a[href*="http://scripts.knuddels.de/ww/knuddels.de/"] {
       background: url('http://img29.imageshack.us/img29/859/homepagetitel.png');
       width: 334px; height: 46px;
       display: block;
    }
    font[size='5'] b {
       display: none;
    }
    --></style>

Navigation (Inhaltsverzeichnis)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. Code <a href="#1">TEXTLINK</a>

2. Code <a name="1">ZIELLINK</a>

 

Also...

als erstes fuegt ihr den ersten Code ein und benennt ihn (bei TEXTLINK)

das koennt ihr zum Beispiel bei einem Inhaltsverzeichnis in eurer Homepage machen

als zweites nummeriert ihr den Code (aber das "#" muss stehen bleiben!)  z.B 1 oder 2,3....

am Zielort (da wo das Fenster denn 'hinspringt') setzt ihr den 2. Code ein

und nummeriert ihn passent zum ersten Code z.B bei 1 (im 1. code) auch 2 im 2. Code

Textbox (auf & zu)

Hier draufklicken
<script language="javascript">
<!--
function toggle(control)
{
var elem = document.getElementById(control);
if(elem.style.display == "none")
{
elem.style.display = "block";
}
else
{
elem.style.display = "none";
}
}
//-->
</script>
<a href="javascript:toggle('klickmich')">- klick -</a>
<div id="klickmich" style="DISPLAY: none">
TEXT</div>