affiliate header

Hur man skapar jämförelse tabeller i wordpress


 
Skapa nytt ämne   Svara på ämnet    Forumindex -> On-page optimering & webbutveckling
Författare Meddelande
Ermin Rajic
Admin


Inlägg: 399
Ort: Kristianstad
Medlem sedan: 03 februari 2007

InläggPostat: 2016-08-14 18:15    Rubrik: Hur man skapar jämförelse tabeller i wordpress Svara med citat

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?
Användarens profil Skicka personligt meddelande
Driver bland annat http://www.xn--ntcasinon-v2a.eu/ & http://www.casinosverige.nu
Visa inlägg nyare än:    Föregående ämne : Nästa ämne  


Skapa nytt ämne   Svara på ämnet    Forumindex -> On-page optimering & webbutveckling Alla tider är GMT + 1 timme (svensk normaltid)
Sida 1 av 1
Tjäna pengar som casino affiliate! Inkomst på livstid! Läs mer här!