F�rfattare |
Meddelande |
Ermin Rajic Admin
Inl�gg: 401 Ort: Kristianstad Medlem sedan: 03 februari 2007
|
Postat: 2016-08-14 18:15 Rubrik: Hur man skapar jämförelse tabeller i wordpress |
|
|
Personligen skapar jag alla mina tabeller själv men om man tycker det är jobbigt att lära så finns det en hel del plugins.
Dom jag känner till som jag vet ett flertal Svenska affiliates använder är
Tabelpress - mer info på http://www.casinoaffiliateprograms.com/blog/tablepress-the-ultimate-affiliate-tool-to-compare-casino-gambling-and-investment-sites
Flytonic - mer info på http://www.flytonic.com
Om man vill skapa något eget kan man antingen skapa en tabel med table koder eller div koder.
1. Så här skapar du tex tre kolumner med div
<div style="width:30%;padding:0 10pt 0 0;float:left;">
Column 1 info here
Column 1 info here
Column 1 info here
</div>
<div style="width:30%;padding:0 10pt 0 0;float:left;">
Column 2 info here
Column 2 info here
Column 2 info here
</div>
<div style="width:30%;padding:0 10pt 0 0;float:right;">
Column 3 info here
Column 3 info here
Column 3 info here
</div>
2. Så här skapar du tre kolumer med tabel
<table>
<tr>
<td>Column 1 info here</td>
<td>Column 1 info here</td>
<td>Column 1 info here</td>
</tr>
<tr>
<td>Column 2 info here</td>
<td>Column 2 info here</td>
<td>Column 2 info here</td>
</tr>
<tr>
<td>Column 3 info here</td>
<td>Column 3 info here</td>
<td>Column 3 info here</td>
</tr>
</table>
Det du behöver lära dig därefter är att styla dessa med css. Du går till din css fil i wordpress och anger en css class. Tex .hej {} och i den anger du speciella css önskemål/kommandon.
Tex .hej{background-color:#000;padding:10px;}
i din table eller div anger du sedan denna css koden där du vill den ska gälla.
Tex
<table>
<tr>
<td class="hej"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
den raden som har classen hej kommer nu att få svart backgrund och en padding på 10px. Svårare än så är det inte men det gäller att kunna css koder , ha snygga bilder och kunna pilla till allt så det blir snyggt.
Kan ibland uppstå problem när temat du använder har css som påverkar table och divar så det gäller som sagt att kunna lite om css.
Användbara siter
Lär dig css - http://www.w3schools.com/css/
Skapa snygga knappar - http://www.bestcssbuttongenerator.com/
Divtable generator - http://divtable.com/generator/
Någon som har fler tips/ideer/beskrivningar? |
|
|
|
|
RobotPsykolog Ny aktiv medlem
Inl�gg: 4 Ort: Eskilstuna Medlem sedan: 25 juni 2018
|
Postat: 2018-08-12 9:25 Rubrik: Elementor |
|
|
Som många andra trådar här inne, så är ju den här rätt gammal. Men jag har ju hittat till forumet så kanske någon annan kan hitta in och detta kan hjälpa lite.
Sen jag hittade siten Wealthy Affiliate och byggt min första hemsida så har jag hittat pluginet Elementor. Det är verkligen ett fantastiskt plugin som hjälper till att bygga riktigt snygga sidor.
Finns massor med bra tutorials på youtube om detta plugin och Elementor själva lär ut ganska mycket på Youtube om det också. Så bygger Du Din sida själv. Kika på Elementor. Det är mitt tips.
/Björn |
|
|
|
|
|
|