Fetbobbas Forum

Vårt forum => Nyheter och kungörelser => Ämnet startat av: Sorla skrivet 2017.02.23 - 19:48:40



Titel: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 19:48:40
Jodå, det kan du visst det. Det ser grisigt ut bara för att när man lägger in det så här på forumet så är man tvungen att ha stylingen inline som det heter, och upprepa en massa skit för varenda tagg. På riktigt gör man inte så. Så här ser det mer begripligt ut va?

Kodstycke:
<table>
   <caption>Fat Race</caption>
   <tr>
      <td>Tävlande</td>
      <td>hemul</td>
      <td>fetsmart</td>
      <td>monca-<br>ponca</td>
      <td">Vinnare</td>
   </tr><tr>
      <td>Vecka 1</td>
      <td>-1.0 kg</td>
      <td>-0.8 kg</td>
      <td></td>
      <td>hemul</td>
   </tr><tr>
      <td>Vinster</td>
      <td>1</td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>
<p style="margin: 0; font-size: 85%">Uppdaterad 2017.02.20</p>


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 19:49:47
BTW HEMUL!!!! Din fantastiskt snygga bläckfisk stör så det nästan inte går att skapa nya ämnen. Skulle du kunna flytta den lite uppåt eller något?


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 20:02:45
Testnisse
<td>Kolumn 1</td>
Det här var det jag skrev först och skickade iväg.
Kodstycke:
[table]
[tt]Testnisse[/tt]
<td>Kolumn 1</td>
[/table]

Sen backade jag till redigering och då såg texten ut såhär. Den lägger till saker som jag inte har skrivit. Och så blir det ingen tabell heller.
Kodstycke:
[table][tr][td]
[tt]Testnisse[/tt]
<td>Kolumn 1</td>
[/table]


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 20:08:50
kolumn 1
Kolumn 2

Kodstycke:
[table][tr][td]kolumn 1[/td][/tr][/table]

Kodstycke:
[table][tr][td]kolumn 1[/td][/tr]
[tr][td]Kolumn 2[/td][/tr][/table]


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 20:10:17
Jag har absolut ingen aning om vad jag håller på med.  :lick:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: hemul skrivet 2017.02.23 - 20:50:41
Nämen du missade min ursäkt... Jag hittade på SMFs supportforum att det av säkerhetsskäl inte är möjligt att enabla HTML för alla. Bara det där Basic HTML Tags eller vad det hette som jag hittade. Men det var ju bara sånt man redan kan göra, fet text, citat o.s.v.

Eller föröker du göra en ful tabell med BBCode? Ivf så blandar du BBCode och html. Bara fyrkantskamrar eller vad det heter i BBCode. Bara < och > i HTML.

Jo, jag har också lagt märke till bläckfisken. Ska göra nåt. Kanske redan i morrn.  :tongue:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 21:29:55
Jo, men det är nog fultabellen jag försöker. Men programmering är visst inte min grej.  :blush:

Kolumn 1Kolumn 2Kolumn 3
Rad 1   A   B   C
Rad 2   D   E   E

Eller kanske det är det. Jag kom på det! Men det gäller att ha tungan rätt i mun.


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 21:34:28
Kolumn 1Kolumn 2Kolumn 3
Rad 1   A   B   C
Rad 2   D   E   F
Rad 3   G   H   I


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 21:44:19
  • För det första
  • Och för det andra
  • För det tredje
  • Och för det fjärde

Hur många år har jag hängt här och aldrig fattat hur man använder alla extragrejer?
Det var kul att experimentera!  :lol:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: hemul skrivet 2017.02.23 - 22:25:03
 :clapping:

Det är mycket lättare med riktig HTML. Du kan skiva det i vilket textprogram som helst, t.ex. Anteckningar. INTE Word och sånt skit! Så döper du filen till nånting.html. Sen är det bara att öppna den i en webläsare.

Här får du en mall att leka med.

Kodstycke:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title>Sidans titel här</title>
</head>


<body>

<p>
Allt som ska synas på sidan skriver du här. Inom BODY-taggarna.</p>
<p>
I HEAD som är ovanför BODY är metainformation. Sidans TITLE som syns på titalraden i webläsaren, länkade skript, stylesheets... men inte sånt som syns på själva sidan.</p>
<p>
P(aragraph) gör stycken.</p>
<p>
Hej då!</p>

</body>
</html>


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 22:41:13
Vad roligt! Fast det är långt till jag hajjar vad jag gör egentligen. Ska snart hem och natta, men det här kan bli roligt. Tack!  :inlove:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: hemul skrivet 2017.02.23 - 22:41:33
Nästan precis 7 år!!!


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 22:45:02
Äre sant! Wow!


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: hemul skrivet 2017.02.23 - 22:48:05
Vad roligt! Fast det är långt till jag hajjar vad jag gör egentligen. Ska snart hem och natta, men det här kan bli roligt. Tack!  :inlove:

Du kan säkert lista ut hur du gör listor nu när du kan det med BBCode. Gör en sida med ett recept eller nåt. Skit i att det ser fult och tråkigt ut, det fixar man sen.

"Oordnad" lista (Unordered List).
Kodstycke:
<ul>
   <li>...</li>
   <li>...</li>
   <li>...</li>
</ul>

Så här lägger du in en bild.

Kodstycke:
<img src="bild.jpg" width="200" height="150" alt="Alternativ text som syns på sidan om bilden inte kan visas">

Ligger bilden i samma mapp som HMTL-filen kan du skriva URL precis så där, bara filnamnet. Gör den inte det blir det lite mer komplicerat. Ligger den på nätet skriver du hela URLet, http://... . "width" och "height" ska vara bildens verkliga mått, i pixels.





Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: hemul skrivet 2017.02.23 - 22:52:02
Äre sant! Wow!

Yes. Jag blev också chockad.  :nod-yes:
Men det står så här (http://forum.fetbobba.net/index.php?action=profile;u=418).

Date Registered:    2010.02.17 - 15:48:59


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 22:54:55
Om jag vill länka till vad jag har gjort, då måste jag väl ha en hemsida att länka till antar jag. Men såna finns väl gratis att få starta en sida på.

7 år! Tänk vad mycket vi har skrivit sedan dess. Flams, trams och annat allvar.  :inlove:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: hemul skrivet 2017.02.23 - 22:57:12
Du kan få en fin fetbobbaadress om du vill.  :tongue:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.23 - 22:59:17
 :clap_jump: :clap_jump: :clap_jump:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: hemul skrivet 2017.02.24 - 12:11:17
Jo, men det är nog fultabellen jag försöker. Men programmering är visst inte min grej.  :blush:

Kolumn 1Kolumn 2Kolumn 3
Rad 1   A   B   C
Rad 2   D   E   E

Eller kanske det är det. Jag kom på det! Men det gäller att ha tungan rätt i mun.

Det som kan vara lite svårt i början, tyckte ivf jag om jag minns rätt, är att tabeller är tvådimensionella men man skriver ju i en dimension så att säga. Man måste liksom flytta på det i huvudet, som när man alltid har norr uppåt på kartan och måste vrida kartbilden i huvudet efter verkligheten, nåt som ju går galant efter ett tag. Så är det med det här också. Nåt som kan underlätta är att du kan layouta själva "koden" (fult ord) som du vill. Mellanslag och radbrytningar (s.k. whitespace) mellan tabelltaggarna spelar ingen roll. Man får ofta sin egen stil och den behöver inte se ut som jag skriver det.

Kodstycke:
<tr>
<td>...</td>
<td>...</td>
</tr>

Kodstycke:
<tr>
<td>...</td><td>...</td>
</tr>


Kodstycke:
<tr><td>...</td><td>...</td></tr>

Kodstycke:
<tr>
<td>
...
</td>
<td>
...
</td>
</tr>

Same shit.

Whitespace på textnivå syns däremot men bara som ett enda mellanslag, oavsett hur många mellanslag, radbrytningar eller tabbar det är i koden. Med textnivå menar jag inte bara text, utan allt som inte skapar "block". P är ett block, blir liksom en radbrydning före och efter. Och om du ger P en backgrundsfärg t.ex. ser du att den spänner över hela sidan, eller ivf all tillgänglig bredd. T.ex. IMG (bild) är text level och bilden liksom står på raden som ett ord och tar inte upp några extra vidd.

Kodstycke:
Hej hej!
Kommer att se likadant ut som detta.
Kodstycke:
Hej
                 hej!


Vill du hålla ordning på vad du gör kan du lägga in kommentarer. De ignoreras alltså och syns inte på sidan.

Kodstycke:
<!-- KOMMENTAR -->

Du kan också kommentera ut stycken av HTML-koden. För att testa nåt eller du kanske har nåt som bara ska synas ibland och då är det enklara att det ligger där hela tiden och man behöver bara ta bort själva kommentaren när det ska användas.

Kodstycke:
<!--
<p>
Stor månadsrea på hemstickade äggvärmare!</p>
-->

Vilket påminner mig om en avvikelse från det där jag sa om whitespace på textnivå. Whitespace direkt före och efter en tagg syns inte, bara när det förekommer i innehållet liksom.

Så, nu kan du nästan allt. Bara att sätta igång.  :lol:


Titel: SV: Övningsplats för obegripliga kodstycken, BBCer och htmler
Skrivet av: Sorla skrivet 2017.02.24 - 19:00:47
Hepp.  :lol1: Jag hoppas det lugnar ner sig lite här då. Så jag hinner leka lite.  :lol: