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: 401
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.apoteksvea.com/ - http://xn--apotekpntet-s8al.com/
RobotPsykolog
Ny aktiv medlem


Inl�gg: 4
Ort: Eskilstuna
Medlem sedan: 25 juni 2018

Inl�ggPostat: 2018-08-12 9:25    Rubrik: Elementor Svara med citat

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
Anv�ndarens profil Skicka personligt meddelande
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!