HTML-Guide v. 2.0!
Det här är HTML-Guide v 2.0!
Glöm inte att presentationen har ändrats VÄLDIGT mycket, och att många koder inte längre är aktuella.
http://www.emocore.se/?sida=blogg&read=730289
Läs noga igenom tråden efter den kod du söker. Letar du efter en kod kan du fråga här.
Har du en kod som du vill ska stå här? Skriv den i samma tråd som ovanför.
Någonting att tänka på:
Nästla inte koder. Dvs, att en font-tagg måste sluta med /font, och en /b får inte vara före.
Krångligt? Här är ett exempel!
<b><font color="black">Hej</b></font>. Ser ni att det blir fel? En kod måste omge hela texten.
Så här ser en rätt kod ut:
<b><font color="black">Hej</font></b>. Där ser ni att koden omger hela texten, även koden innan.
Inga versaler i koderna.
Kategorier:
1. Text.
2. Länk.
3. Bild.
4. Övrigt.
1. Text.
Här kan du läsa om det du kan göra med din text på presentationen.
Vill du ändra storlek på din text skriver du <big>TEXT</big>.
Som du ser har jag skrivit TEXT där din text ska stå.
Vill du göra texten större utan att använda massor med <big><big><big> osv?
Skriv då <font size="1">TEXT</font>. Du kan ändra 1 till vilken siffra som helst.
För att ändra färg på en viss text på presentationen skriver du <font color="#HEXKOD">TEXT</font>.
Där det står #HEXKOD lägger du in en färgkod som kallas HEX.
Alla dessa koder hittar du här.
GLÖM INTE # I BÖRJAN AV HEXKODEN.
Vill du även ändra typsnitt på din text?
Då skriver du <font face="TYPSNITT">TEXT</font>.
Du lägger namnet på typsnittet där jag skrivit TYPSNITT.
Olika typsnitt hittar du här.
För att få fet, kursiv, understruken eller överstruken text kan du använda de här koderna:
<b>TEXT</b> - Fet text.
<i>TEXT</i> - Kursiv text.
<u>TEXT</u> - Understruken text.
<s>TEXT</s> - Överstruken text.
Vill du att din text rullar över presentationen?
Använd då någon av de här koderna!
<marquee>TEXT</marquee> - Texten rullar.
<marquee behavior="alternate">TEXT</marquee> - Studsar.
<marquee behavior="slide">TEXT</marquee> - Åker över presentationen och stannar vid sidan.
<marquee direction="left">TEXT</marquee> - Rullar till vänster.
<marquee direction="right">TEXT</marquee> - Rullar till höger.
<marquee direction="up">TEXT</marquee> - Rulla upp.
<marquee direction="down">TEXT</marquee> - Rullar ner.
<marquee width="100">TEXT</marquee>TEXT</marquee> - Ändra talet för att få större yta texten ska rulla på.
<marquee scrollamount="50">TEXT</marquee> - Snabb/långsam text. Ändra siffran för att få den hastighet du vill. 1-100,
<marquee scrollamount="300">TEXT</marquee> - Texten blinkar.
Ändra storlek, färg och font på ditt användarnamn över bilden: <style> h1 {font-family:FONT;color:#HEXKOD;font-size:STORLEK px;} </style>
Vill du centrera eller högerställa texten på din presentation?
<center>TEXT</center> centrerar texten.
<div align="right">TEXT</div> högerställer den.
För att ändra färg och font på HELA PRESENTATIONEN använder du:
<style type="text/css">body, table, input, textarea, select, a, option,td{font-family:FONT-STIL; font-size:13px; color:#HEXKOD;}a:hover img{filter:none}</style> .
Vill du "highlighta"/lägga bakgrundsfärg på en viss bit text kan du använda denna kod: <span style="background-color:#HEXKOD">DIN TEXT HÄR</span>
2. Länk.
En länk kan se ut på många olika sätt.
För att göra en länk kopierar du en URL-kod till sidan du vill länka till. T.ex. http://www.emocore.se.
Glöm inte http:// i länk-koden. Om du inte använder det länkar den inte till den sida du vill.
En vanlig länk-kod ser ut såhär: <url>http://www.emocore.se</url>. Byt ut emocore-länken till valfri länk.
Vill du ändra på länken, dvs byta teckensnitt/text etc ska du lägga in en vanlig kod i länken. Då måste du ha en annan länkkod, som ser ut såhär:
<a href="http://www.emocore.se">TEXT</a>. Där det står TEXT kan du skriva i en text som beskriver länken, vilket du kanske redan förstått.
Vill du byta färg på länken skriver du in <font color="FÄRG">TEXT</font> efter <a href="http://www.emocore.se"> och efter koden lägger du </a>.
Gör samma sak om du vill ändra storlek etc.
För att länka utan streck under texten använder du denna kod:
<a class="a_reverse" href="http://www.emocore.se" target="_blank">TEXT</a>.
Där emocore-länken står lägger du in länken.
För att få länkarna en annan färg när du håller muspekaren på dem använder du denna kod:
<style>a:hover, .title_a:hover, .title_smal_a:hover, .a_reverse_b:hover, .a_reverse_big:hover, .a_reverse:hover {text-decoration:none; color:#HEXKODHÄR;}</style> .
HEX-koden lägger du in där det står att du ska lägga in den.
3. Bild.
Att göra en bildlänk:
I många koder behöver man en bildlänk. Hur gör man en bildlänk?
Det första du kan göra är att söka på Google efter en bild du vill ha.
Klicka på bilden och sedan på "Se hela bilden".
Sedan kopierar du länken som finns till bilen, i URL-fältet.
Enkelt va? Men har du en egen bild du vill lägga upp så måste du göra så här:
Gå in http://www.tinypic.com och ladda upp en bild. Ändra storleken till hur stor bilden ska vara.
När bilden laddats upp får du 4 länkar/koder. Kopiera den fjärde länken.
Där har du din bildlänk!
Bakgrundsbild bakom presentationen: <body background="BILDLÄNK">
Bakgrundsbild bakom presentationen som inte repeterar: <body style="background:url(BILDLÄNK) no-repeat #HEXKOD;"> .
Står det inom parantes ska paranteserna VARA KVAR. Välj vilken bakgrundsfärg du vill ha när bilden tar slut. T.ex. #000000 för svart.
4. Övrigt.
För att ta bort gästboken skriver du:
<style>
Detta ska stå SIST av allt på presentationen.
OBS! Detta tar även bort allt efter presentationsrutan, inklusive galleriet etc!
För att ta bort ramen runt presentationsrutan lägger du till <style>.box, .box_m {border: 0; } </style> .
För att ta bort alla ramar använder du <style>.title_box, .box, .box_m, .box_c, #div_menu, #div_menu_2, .m_m_off, .m_m_on { border: 0 !important }</style> .
För att ta bort ramen runt "skicka knappen" använder du <style>.input_button {border:0px;}</style> .
För att få alla rutor på presentationen att "smälta ihop" använder du:
<div style="width: 590px; overflow: hidden;"><style> .box, .title_box, .box_m { border: 0 !important } </style> .
För att göra en ny box på sidan (en sådan som presentationsrutan) använder du:
</div></div><div style="margin-bottom: 0px;">
<div class="box_m">
För att lägga upp en youtubefilm.
Du tar youtubelänken (min är bara ett exempel):
http://www.youtube.com/watch?v=X3UzeEvUaak
Ta bort allt fram till = så du bara har den lilla koden kvar..
X3UzeEvUaak
Lägg den mellan <youtube></youtube>
<youtube>X3UzeEvUaak</youtube>
Där har du din länk.
Om du vill ha en bakgrundsbild PÅ pressen med text över använder du:
TEXT PÅ BILD
Vänster
<p style="background-image: url(BILD HÄR); width:100; height:100; background-repeat:no-repeat;">TEXT HÄR</p>
Höger
<p style="background-image: url(BILD HÄR); width:100; height:100; text-align: right;">TEXT HÄR</p>
Mitten
<p style="background-image: url(BILD HÄR); width:100; height:100; text-align: center;">TEXT HÄR</p>
För att ändra font och färg i gästboken:
<style>#gb_text {font-family:FONT; color:#HEX-FÄRG;}</style>
För att ändra färgen på menyn på de olika boxarna (fakta, event osv) skriver du: <style>.title_box {background:#HEX-FÄRG;}</style> .
För att ändra färgen på knapparna: <style>.input_button {background:#HEX-FÄRG;color:#HEX-FÄRG;}</style> .
Background: är bakgrundsfärgen på knapparna och color: är textfärgen på knapparna.
Bort med bakgrundsbilden på Fakta-rutan, Event etc: <style>.box_c {background:none;}</style>
För att ändra färg på ditt namn: <style>h1 {color:#ffffff;}</style>
För en bildbakgrund på fakta-, event-, vännerrutan kan du använda: <style>.box_c {background:url(BILDLÄNK);}</style>
För en annan bakgrundsfärg använder du: <style>.box_c {background:#HEXKOD;}</style>
För att ta bort bakgrunden använder du: <style>.title_box {background:none;}</style>
För att ta bort ALL BAKGRUND PÅ presentationen, och faktarutorna så skriver du in:
<style>.title_box, .box, .box_m, .box_c, #div_menu, #div_menu_2, .m_m_off, .m_m_on {background:none;}</style>
Gästboken genomskinlig: <style>.input_text {background:none; border:0px;}</style>
För en bild i gästboken använder du denna kod: <style>.input_text {background-image: url(BILDLÄNK HÄR);}</style>
För autoplay på presentationen:
Ha inte det.
Just don't.
Ändra färgen på länkar
<style>*/ a { text-decoration: none; color:#HEX !important; } /*
*/ a:hover { border-top: 0px dotted transparent; border-bottom: 0px dotted transparent; color:#HEX !important; } /*
</style>
Den här tar bort/ändrar färg/font på texten där det står Musik, Bilder, Gästbok osv.
<style>.title{color:transparent;font-size:1px;}</style>
Gästbokstexten Centrerad.
<style>.input_text {text-align:center;}</style>
Du måste vara inloggad för att skriva i forumet