# Klotterplank - lek med nya formateringen!
Author: Herveaux

I den här tråden är det fritt fram att testa iFokus nya formateringsverktyg Markdown. Eller testa att ladda upp bilder, leka med HTML-koder...
kladda loss bara! 😀
Självklart öppet för alla, oavsett om du är medlem här på Star Stable eller inte. 

**Lite hjälp på traven**
Mitchika håller på att knåpa ihop en suverän tråd med samlad info om vårt nya iFokus inne på the Sims iFokus:
[Nya iFokus efter uppgraderingen] (https://thesims.ifokus.se/discussion/1483307/nya-ifokus-efter-uppgraderingen)
Niklas har skrivit ihop en liten lathund för Markdown inne på Support iFokus:
[Lilla lathunden] (https://support.ifokus.se/discussion/1483524/liten-lathund-for-formatering-pa-nya-ifokus)<BR>
Carmarino har fixat en lite längre lathund för Markdown inne på Choklad iFokus:
[iFokus uppdateras] (https://choklad.ifokus.se/discussion/1482979/ifokus-uppdateras)

Fler länkar till Markdown:
[Dillinger] (dillinger.io)
[Markdown Guide] (https://www.markdownguide.org/)

## Comment 1
Author: Herveaux

*Testade att förhandsgranska ett inlägg innan publicering på annat forum.*😀

## Comment 2
Author: Maleficum

Funkar det med html-kodning också? 
Gör ett test för det då:

<table style="height: 23px;" width="39">
<tbody>
<tr>
<td>
<table style="font-size: 13px; background-color: white; table-layout: fixed; border-collapse: collapse; height: 405px;" width="86" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td style="word-wrap: normal; vertical-align: top; border: 1px solid #CCC;" width="138">Agnes Cecilia</td>
</tr>
<tr>
<td style="word-wrap: normal; vertical-align: top; border: 1px solid #CCC;" width="138">Aina</td>
</tr>

## Comment 3
Author: Maleficum

Ha! Verkar ju som html funka också. Då kan det ju bli betydligt lättare att få till bra kolumner! Även om mitt försök blev rätt knasigt eftersom jag bara tog en liten bit av en ganska lång lista jag har på en annan sida.

## Comment 4
Author: Herveaux

#3: Lycka till med kolumn-magi, jag håller tummarna!

## Comment 5
Author: Maleficum

Ett nytt försök!

<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<th style="width: 28.7373%;"><strong>Prylar</strong></th>
<th style="width: 6.09579%; text-align: center;"><strong>Lin</strong></th>
<th style="width: 16.9811%; text-align: center;"><strong>Kamomill</strong></th>
<th style="width: 11.611%; text-align: center;"><strong>Krapp</strong></th>
<th style="width: 16.2554%; text-align: center;"><strong>Temynta</strong></th>
<th style="width: 11.9013%; text-align: center;"><strong>Mossa</strong></th>
<th style="width: 8.418%; text-align: center;"><strong>Jute</strong></th>
</tr>
<tr>
<td style="width: 28.7373%;">Linne servetter</td>
<td style="width: 6.09579%; text-align: center;">2</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Gult tyg</td>
<td style="width: 6.09579%; text-align: center;">2</td>
<td style="width: 16.9811%; text-align: center;">1</td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Väldoftande oljor</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;">1</td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;">1</td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Rökelse</td>
<td style="width: 6.09579%; text-align: center;"> </td>
<td style="width: 16.9811%; text-align: center;">1</td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;">1</td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;">1</td>
</tr>
<tr>
<td style="width: 28.7373%;">Läppbalsam</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;">1</td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Sigillack</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;">2</td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Bandage</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Kompress</td>
<td style="width: 6.09579%; text-align: center;">2</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Grönt tyg</td>
<td style="width: 6.09579%; text-align: center;">2</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;">1</td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Rosa tyg</td>
<td style="width: 6.09579%; text-align: center;">2</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;">1</td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Lila tyg</td>
<td style="width: 6.09579%; text-align: center;">2</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;">1</td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Stearinljus</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;">1</td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Örtte</td>
<td style="width: 6.09579%; text-align: center;"> </td>
<td style="width: 16.9811%; text-align: center;">2</td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Naturlig tvål</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;">1</td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;">1</td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Borste</td>
<td style="width: 6.09579%; text-align: center;"> </td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;">1</td>
<td style="width: 8.418%; text-align: center;">1</td>
</tr>
<tr>
<td style="width: 28.7373%;">Jutesäck</td>
<td style="width: 6.09579%; text-align: center;"> </td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;">1</td>
</tr>
<tr>
<td style="width: 28.7373%;">Nät</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;">1</td>
</tr>
<tr>
<td style="width: 28.7373%;">Sadelputs</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;">1</td>
<td style="width: 16.2554%; text-align: center;">1</td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
<tr>
<td style="width: 28.7373%;">Stalltäcke</td>
<td style="width: 6.09579%; text-align: center;">1</td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;">1</td>
<td style="width: 8.418%; text-align: center;">1</td>
</tr>
<tr>
<td style="width: 28.7373%;">Starkt rep</td>
<td style="width: 6.09579%; text-align: center;"> </td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;"> </td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;">2</td>
</tr>
<tr>
<td style="width: 28.7373%;">Tygpåse</td>
<td style="width: 6.09579%; text-align: center;"> </td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;">1</td>
<td style="width: 16.2554%; text-align: center;"> </td>
<td style="width: 11.9013%; text-align: center;"> </td>
<td style="width: 8.418%; text-align: center;">1</td>
</tr>
<tr>
<td style="width: 28.7373%;">Målarset</td>
<td style="width: 6.09579%; text-align: center;"> </td>
<td style="width: 16.9811%; text-align: center;"> </td>
<td style="width: 11.611%; text-align: center;">1</td>
<td style="width: 16.2554%; text-align: center;">1</td>
<td style="width: 11.9013%; text-align: center;">1</td>
<td style="width: 8.418%; text-align: center;"> </td>
</tr>
</tbody>
</table>

## Comment 6
Author: Herveaux

#5: *I bow to the master!* 🤩

## Comment 7
Author: Maleficum

<p><span style="color: #800000;">Test</span> <span style="color: #008000;">text</span> <span style="color: #000080;">med</span> färg</p>

Verkar tyvärr inte funka att få texten i färg :(

## Comment 8
Author: Herveaux

#7: Äsch då, men bara linjer gjorde ju en jätteskillnad!

## Comment 9
Author: Maleficum

#8: Eller hur! Blev mycket tydligare när man fick till linjer! Nu är det bara för dig att klura ut det :P Vet inte hur man skickar kodning utan att den blir "färdig". 
Själv fuska jag iof lite och gjorde tabellen på en extrasida jag har på min hemsida för där kan man hoppa mellan att ha enkelt verktygsfält och fixa saker i och sen växla till html kodning. Nu är det bara att testa sig fram vilka kodningar som funkar och vilka som inte funkar.

## Comment 10
Author: Herveaux

#9: Tack du! *gulp*<BR> 
Googlade lite och ögonen gick i kors ganska så snabbt.😅 <BR>

Jag fortsätter googla och ser om jag kan knäcka koden. <BR>

## Comment 11
Author: Herveaux

<table border="1">
<tr>
<td>Test</td>
</tr>
</table>
<BR>
HA! Tror vi är något på spåren här. *...famous last words...*

## Comment 12
Author: Maleficum

#11: Skicka i meddelanden hur du kanske kan få tag på kodningen för tabellen jag gjorde om du vill använda just den. Kanske lättare sen att ändra och fixa för framtida tabeller då :)

## Comment 13
Author: Herveaux

<table border="1">
<tr>
<td>testar</td>
<td>med</td>
</tr>
<tr>
<td>flera</td>
<td>celler</td>
</tr>
</table>
<BR>
Vid Aideen's Heliga Ljus! Här ska fixas - igen! 🤣

## Comment 14
Author: Sindri

# Test

## Igen

**Ingress i fet stil**
*Om man så behagar*
* en punkt
* en punkt till
* en tredje punkt
Och så lite vanligt text emellan så att man kan se hur det flyter och gör med radbrytningar. 

Men hur gör man för att lägga in bilder i texten? Och med bildtexten bredvid bilden? Om man bifogar bilder så lägger sig alla överst i inlägget och blir väldigt stora. Helt tokigt.

## Comment 15
Author: Sindri

När jag försöker redigera ovanstående inlägg så kommer det upp en tom kommentarsruta och inget annat!

## Comment 16
Author: Herveaux

#14: När du vill göra en rubrik så behövs det ett mellanslag mellan "brädhögen" och texten 
# för att det ska fungera. 
## Lätt att missa. 😀

För att lägga in en bild i texten skriver man  ![Textlänk](länkadress till bilden)

Så blir det en bild i texten:<BR>

![Star Stable Logo] (https://vignette.wikia.nocookie.net/starstableonline/images/1/11/Ikon_pink_rgb.png/revision/latest?cb=20150813181941)

Det knepiga är just att man behöver en webbadress till bilden, så man kan inte ta en direkt från datorn. 

#15 Hm, mysterium!

## Comment 17
Author: Sindri

Ok - jag ser mellanslaget nu på mitt papper. 

Men det är väl just de bilder man har i datorn som man kan lägga in! Jag kan ju inte sno andras  bilder, och jag skall ju visa det jag skriver om i texten.

Tycker det är helsnurrigt.

## Comment 18
Author: Herveaux

#17: Absolut, man får använda sig av en sk *hosting*-sida där man laddar upp sina foton och därigenom kan få en länk till dem som man använder här på iFokus. <BR>
Om ingen annan hinner tipsa först så ska jag se om jag hittar en sån sida som var väldigt enkel att använda. Jag återkommer!

## Comment 19
Author: Sindri

#16: Nu gick det att hantera mitt #14.
 
#18 Men jag vill absolut inte ladda upp mina bilder i något moln.

## Comment 20
Author: Herveaux

Testar en egen bildlänk. 

![img](https://i.imgur.com/4dMsVQ5.png)

**HA!** Skam den som ger sig!

## Comment 21
Author: Sindri

Betyder det att man måste ha så stora bilder, som tar hela bredden? Jag skall ha många bilder så det blir i så fall ett väääääldigt långt inlägg. 

Därför vill jag ha bilderna mindre och till vänster och bildtexten till höger om bilden.

## Comment 22
Author: Herveaux

#21: Det verkar som att även små bilder dras upp i så stort format. <BR>
Idag kan vi inte vänsterställa bilder så som vi gjorde i gamla versionen, jag vet inte om det är något som kommer återinföras. 🤔

## Comment 23
Author: Sindri

Jaha, men hur är det nu jag får in dem i texten då?
Kan man ladda upp från Dropbox?

## Comment 24
Author: Herveaux

#23: Hm, jag har aldrig använt Dropbox men fråga i tråden inne på Support så får du säkert svar snabbt! 😀<BR>

## Comment 25
Author: Bianca Songcastle

**Tjena allihopa!**

## Comment 26
Author: Bianca Songcastle

*Kära dagbok..*

## Comment 27
Author: Cyndi

Jag måste verkligen säga ... jag har det svårt med smilies :( Jag vill gärna ha det enkelt igen, att kunna foga in dem ;)

## Comment 28
Author: Herveaux

#27: Om du sitter vid dator kan du antingen trycka på Windows-tangenten och . (punkt) eller högerklicka i skrivrutan och välj Emoji. 

Nu har jag blivit så van så jag tycker det nya är enklare än det gamla vi hade. 
Men det var ju helt klart en omställning i början. 😋

## Comment 29
Author: Marbi

Högerklicka funkar inte för mig men det andra går bra.

## Comment 30
Author: Maleficum

#28: Tyvärr funkar inget av dem sätten för mig :(

## Comment 31
Author: Herveaux

#29: Skönt att tangenterna vill samarbeta iaf. 😄

#30: Meh! 😫

## Comment 32
Author: Maleficum

Måste testa lite

<details>
  <summary>Spoiler varning</summary>Är ju perfekt om man kan gömma spoiler så dem som absolut inte vill se dem slipper</details>

## Comment 33
Author: Maleficum

Vet dock inte om man kan få det att hamna flödande i texten eller om det alltid kommer hamna i ny rad. <details><summary>Spoiler</summary>kan detta funka?</details>

Verkar tyvärr hamna på egen rad men det är bra man kan gömma saker iaf :D

## Comment 34
Author: Herveaux

#33: Hey, vad smart! Har nog bara sett den funktionen på flashback tidigare. 👍

## Comment 35
Author: Bianca Songcastle

**15 Juli 1928**

**Det är morgon och solen skiner....**

## Comment 36
Author: Pyttelite

#34: Kan jag knycka lite av denna hjälpsamma tråd till andra sajter?

## Comment 37
Author: Herveaux

#36: Absolut, knyck på! 😄

## Comment 38
Author: Argenti

Wohoo!!!

Kul

## Comment 39
Author: Argenti

# Hej
*Det är hon som är på bilden*
**Min katt heter Anna**

* Min profilbild alltså


1. Jorvikiskt varmblod
2. Jorvikisk startponny
3. Irish cob
4. Aldrach
5. Lusitano
6. Painthäst
> Jag har ordning i min garderob


| Snurrig |
| --- |
|  Korv !

[iFokus]

()[Uploading_b1dd668b-aac2-47dd-9697-5da1111766f7]()|