Liknande ämnen
Senaste ämnen
Sök
Logga in
Statistik
Vi har 54 registrerade användare.Vår nyaste användare: scarhead
Våra användare har skrivit totalt 18367 inlägg i 774 ämnen
Länkar
Liknande ämnen
Html tips
Sida 1 av 1
Html tips
av Gäst lör maj 15, 2010 8:25 pm
Tja, tänkte skriva lite små html tips.
Om du vill ha större text:
Om du vill ändra stil på texten:
Ändra verdana till något annat namn för en textstil.
Resultat:
Hur du får fet text:
Hur du får lutande text:
Hur du får struken text:
Hur du får understruken text:
Hur du får blinkande text:
Hur du får färgad text:
Resultat:
Hur du får rullande text:
Det finns många andra rulltexts koder.
Hur du får regnbågstext:
Resultat:
Hur du sätter in en bild:
Resultat:
Hur du får text och bilder i mitten:
<center>text</center>
Ja, det var några html koder. Ha de bra.
Om du vill ha större text:
- Kod:
<font size=1>Storlek 1</font>
<font size=2>Storlek 2</font>
<font size=3>Storlek 3</font>
<font size=4>Storlek 4</font>
<font size=5>Storlek 5</font>
<font size=6>Storlek 6</font>
<font size=7>Storlek 7</font>
<font size=8>Storlek 8</font>
Om du vill ändra stil på texten:
- Kod:
<font face=verdana>Text</font>
Ändra verdana till något annat namn för en textstil.
Resultat:
Hur du får fet text:
- Kod:
<b>text</b>
Hur du får lutande text:
- Kod:
<i>text</i>
Hur du får struken text:
- Kod:
<s>text</s>
Hur du får understruken text:
- Kod:
<u>text</u>
Hur du får blinkande text:
- Kod:
<blink>text</blink>
Hur du får färgad text:
- Kod:
<font color="#FF0000">Röd text</font>
<font color="#00FF00">Grön text</font>
<font color="#0000FF">Blå text</font>
<font color="#FFFF00">Gul text</font>
<font color="#FF00FF">Lila text</font>
<font color="#00FFF">Turkos text</font>
<font color="#FFFFFF">Vit text</font>
Resultat:
Hur du får rullande text:
- Kod:
<marquee>text</marquee>
Det finns många andra rulltexts koder.
Hur du får regnbågstext:
- Kod:
<!-- TWO STEPS TO INSTALL MYRAINBOWSPAN:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<script type="text/javascript">
<!-- Begin
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: HaganeNoKokoro :: http://tinyurl.com/buvp9 */
/*
* Notes on hue
*
* This script uses hue rotation in the following manner:
* hue=0 is red (#FF0000)
* hue=60 is yellow (#FFFF00)
* hue=120 is green (#00FF00)
* hue=180 is cyan (#00FFFF)
* hue=240 is blue (#0000FF)
* hue=300 is magenta (#FF00FF)
* hue=360 is hue=0 (#FF0000)
*
* Notes on the script
*
* This script should function in any browser that supports document.getElementById
* It has been tested in Netscape7, Mozilla Firefox 1.0, and Internet Explorer 6
*
* Accessibility
*
* The script does not write the string out, but rather takes it from an existing
* HTML element. Therefore, users with javascript disabled will not be adverely affected.
* They just won't get the pretty colors.
*/
/*
* splits par.firstChild.data into 1 span for each letter
* ARGUMENTS
* span - HTML element containing a text node as the only element
*/
function toSpans(span) {
var str=span.firstChild.data;
var a=str.length;
span.removeChild(span.firstChild);
for(var i=0; i<a; i++) {
var theSpan=document.createElement("SPAN");
theSpan.appendChild(document.createTextNode(str.charAt(i)));
span.appendChild(theSpan);
}
}
/*
* creates a rainbowspan object
* whose letters will be colored [deg] degrees of hue
* ARGUMENTS
* span - HTML element to apply the effect to (text only, no HTML)
* hue - what degree of hue to start at (0-359)
* deg - how many hue degrees should be traversed from beginning to end of the string (360 => once around, 720 => twice, etc)
* brt - brightness (0-255, 0 => black, 255 => full color)
* spd - how many ms between moveRainbow calls (less => faster)
* hspd - how many hue degrees to move every time moveRainbow is called (0-359, closer to 180 => faster)
*/
function RainbowSpan(span, hue, deg, brt, spd, hspd) {
this.deg=(deg==null?360:Math.abs(deg));
this.hue=(hue==null?0:Math.abs(hue)%360);
this.hspd=(hspd==null?3:Math.abs(hspd)%360);
this.length=span.firstChild.data.length;
this.span=span;
this.speed=(spd==null?50:Math.abs(spd));
this.hInc=this.deg/this.length;
this.brt=(brt==null?255:Math.abs(brt)%256);
this.timer=null;
toSpans(span);
this.moveRainbow();
}
/*
* sets the colors of the children of [this] as a hue-rotating rainbow starting at this.hue;
* requires something to manage ch externally
* I had to make the RainbowSpan class because M$IE wouldn't let me attach this prototype to [Object]
*/
RainbowSpan.prototype.moveRainbow = function() {
if(this.hue>359) this.hue-=360;
var color;
var b=this.brt;
var a=this.length;
var h=this.hue;
for(var i=0; i<a; i++) {
if(h>359) h-=360;
if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; }
else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; }
else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; }
else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; }
else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; }
else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; }
h+=this.hInc;
this.span.childNodes[i].style.color="rgb("+red+", "+grn+", "+blu+")";
}
this.hue+=this.hspd;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<div align="center">
<h3 id="r1">Rainbow text
</h3></div>
<script type="text/javascript">
var r1=document.getElementById("r1"); //get span to apply rainbow
var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect
myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed);
</script>
<div align="center">
<p id="r2"></p>
</div>
<script type="text/javascript">
var r2=document.getElementById("r2"); //get span to apply rainbow
var myRainbowSpan2=new RainbowSpan(r2, 0, 360, 255, 50, 348); //apply static rainbow effect
myRainbowSpan2.timer=window.setInterval("myRainbowSpan2.moveRainbow()", myRainbowSpan2.speed);
</script>
<p><center>
<font face="arial, helvetica"><br>
</font>
</center><p>
<!-- Script Size: 4.85 KB --></p></p></BODY>
Resultat:
Hur du sätter in en bild:
- Kod:
<img src=http://index.swedishforum.se/users/1211/24/53/68/avatars/23-69.gif>
Resultat:
Hur du får text och bilder i mitten:
<center>text</center>
Ja, det var några html koder. Ha de bra.
Senast ändrad av HappySmiley den sön maj 16, 2010 11:31 am, ändrad totalt 1 gång
Gäst- Gäst
Sv: Html tips
av Wartem sön maj 16, 2010 8:40 am
HappySmiley skrev:Tja, tänkte skriva lite små html tips.
Om du vill ha större text:Resultat:
- Kod:
<font size=1>Storlek 1</font>
<font size=1>Storlek 2</font>
<font size=1>Storlek 3</font>
<font size=1>Storlek 4</font>
<font size=1>Storlek 5</font>
<font size=1>Storlek 6</font>
<font size=1>Storlek 7</font>
<font size=1>Storlek 8</font>
Så här måste det väl vara ändå... Och de ligger på samma rad, efter varandra:
- Kod:
<font size=1>Storlek 1</font>
<font size=2>Storlek 2</font>
<font size=3>Storlek 3</font>
<font size=4>Storlek 4</font>
<font size=5>Storlek 5</font>
<font size=6>Storlek 6</font>
<font size=7>Storlek 7</font>
<font size=8>Storlek 8</font>
Wartem- Respekterad Veteran
- Inlägg : 1622
Poäng : 4
Join date : 09-09-09
Age : 1351
Ort : Wet Beaver Creek
Sysselsättning : Systemutvecklare
Sv: Html tips
av Gäst sön maj 16, 2010 11:31 am
Ops, jag ändrar det nu.Wartem skrev:HappySmiley skrev:Tja, tänkte skriva lite små html tips.
Om du vill ha större text:Resultat:
- Kod:
<font size=1>Storlek 1</font>
<font size=1>Storlek 2</font>
<font size=1>Storlek 3</font>
<font size=1>Storlek 4</font>
<font size=1>Storlek 5</font>
<font size=1>Storlek 6</font>
<font size=1>Storlek 7</font>
<font size=1>Storlek 8</font>
Så här måste det väl vara ändå... Och de ligger på samma rad, efter varandra:
- Kod:
<font size=1>Storlek 1</font>
<font size=2>Storlek 2</font>
<font size=3>Storlek 3</font>
<font size=4>Storlek 4</font>
<font size=5>Storlek 5</font>
<font size=6>Storlek 6</font>
<font size=7>Storlek 7</font>
<font size=8>Storlek 8</font>
Gäst- Gäst
Sida 1 av 1
Behörigheter i detta forum:
Du kan inte svara på inlägg i det här forumet
» OKEJ VAD HAR HÄNT FÖR BÖVELEN
» Honouring of the Elder in Arviat
» Ipad 3
» Post?! Brevlåda?!
» Dagens båt
» NYA KLANER
» Rickrolled? D:
» 3:e värvning. ;D
» 2000 granplantor dumpade i skogen
» GRATTIS, NILS!!!
» Länktips;xD
» SMÖRET ÄR SLUT
» ALV - no longer fjortis!
» Bildkriget!
» foods
» Med plutonium tvingar vi dansken på knä!
» Dagens låt
» Non-swedes, check this thread out
» Fußball