HTML-ongelmanurkka

Olen nyt ihan eräänkin hetken yrittänyt löytää tietoa tästä mutta ei vain löydy.

Miten saa tehtyä vastaavanlaisen tyylikkään googlehakuosuman alasivuineen kuin vaikka hakusanalla pakkotoisto tulee? Eli kun googlettaa "pakkotoisto" niin osuma tulee näkymään jotakuinkin näin:

Pakkotoisto.com - Pakkotoisto.com

____Forums Home_____________Kamppailulajit
____Yleinen keskustelu_________Treeni
____Pakkotoisto.com - Gallery____Arnoldin kultainen kuusikko...

____Lisää tuloksia kohteesta pakkotoisto.com »
 
10% ALENNUS KOODILLA PAKKOTOISTO
Olen nyt ihan eräänkin hetken yrittänyt löytää tietoa tästä mutta ei vain löydy.

Miten saa tehtyä vastaavanlaisen tyylikkään googlehakuosuman alasivuineen kuin vaikka hakusanalla pakkotoisto tulee? Eli kun googlettaa "pakkotoisto" niin osuma tulee näkymään jotakuinkin näin:

Pakkotoisto.com - Pakkotoisto.com

____Forums Home_____________Kamppailulajit
____Yleinen keskustelu_________Treeni
____Pakkotoisto.com - Gallery____Arnoldin kultainen kuusikko...

____Lisää tuloksia kohteesta pakkotoisto.com »
Nimeltään "sitelink".

Itse et saa päättää saatko niitä. Google tekee sen suosituille ja hyvälle sivustolle, ja sen pitää todellakin olla suosittu. Eli sivuston page rank vaikuttaa siihen saatko sitelinkit.

Mutta jos suosiota on tarpeeksi, niin pitää myös katsoa että sivun navigointi on standardien/yleisen tavan mukainen, ja viimeisenä että on sivuston sitemap tarjottu Googlelle. Osoiterivin tulisi olla myös looginen, CMS:t kuten Wordpress ym. tekee tuon automaattisesti.

Google kertomisia aiheesta:
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=47334

Hakemalla löytyy myös ohjeita siihen miten voit ehkä parantaa mahdollisuuksia:
http://hellboundbloggers.com/2010/03/13/25-basic-tips-to-get-google-sitelinks/
Mutta, edelleen sivuston tulee olla aika suosittu.
 
Mulla on yksi saitti jossa on sitelinkit, ja siinä on uniikkeja kävijöitä n.2000-4000/kk riippuen vuodenajasta.

Jotain osviittaa siis.
 
Teen sivuille div- laatikon, johon laitan kuvia ja tekstiä.


Laatikon nimi olkoon vaikka:
<div id="laatikko">Tähän jotain tekstiä ja kuvat <img> tägeillä</div>


Sitten laitan css- tiedostoon esimerkiksi:
#laatikko {
width: 600px;
min-height: 240px;
background-image: url(layout/background.png);
background-repeat: repeat-y;
}


Sitten laitan css- tiedostoon myös tämän:
#laatikko img {
border: thin #000 solid;
margin-right: 40px;
margin-left: 40px;
}


Näin kaikki kuvat jotka laitan kyseiseen laatikkoon saavat borderin, ja marginaalit.

Voinko hallita myös tekstien muotoiluja ja marginaaleja samalla tavalla? Eli jotenkin näin:
#laatikko text {
font-size: 14px;
font-family: arial;
margin-left: 40px;
margin-right: 40px;
}

Onko tämä edes mahdollista?
 
Näin mutulta heitettynä noille teksteille pitää tehdä jonkunlainen p class, esim näin:

<p class="laatikko_teksti">Tähän tekstiä joille tulee muotoilut</p>

css:ään:

.laatikko_teksti{
font-size: 14px;
font-family: Arial, helvetica......;
margin: 0px 40px 0px 40px;
}

Kuvan muotoiluista en ole täysin varma, onnistuuko tuolla tavalla.
 
Näin mutulta heitettynä noille teksteille pitää tehdä jonkunlainen p class, esim näin:

<p class="laatikko_teksti">Tähän tekstiä joille tulee muotoilut</p>

css:ään:

.laatikko_teksti{
font-size: 14px;
font-family: Arial, helvetica......;
margin: 0px 40px 0px 40px;
}

Kuvan muotoiluista en ole täysin varma, onnistuuko tuolla tavalla.

Kiitoksia. Tämä antoi uuden ajattelutavan asiaan, ja ongelma ratkesikin näin:
<div id="laatikko"><span class="laatikko_teksti">blah blah ja kuvia seassa</span></div>

P class teki "rivinvaihdon" kokoisen aukon divin yläpuolelle, joten korvasin sen span classilla. Nyt css- tiedoston .laatikko_teksti muotoilee kaikkia tekstejä, ja #laatikko img muotoilee kuvia, ja toimii hienosti.

Siitä en tiedä, että onko kosher, jos laittaa span classin divin sisään ainoastaan muotoilemaan tekstiä.
 
http://www.brightcove.com/en/

Miten saan css:n avulla määriteltyä tuollaisen alapalkin, joka pysyy alalaidassa näkyvillä vaikka sivustoa rullailee edestakaisin?
Koodi:
#elementtini {
[INDENT]position: fixed;
width: 100%;
z-index: 100;
bottom: 0px;
height: 50px;[/INDENT]
}

- - - Updated - - -

Jee, tein pakkiksen logostakin tuommosen. Ihanan ärsyttävä. Eli sama koodi ku yllä, mutta nyt top on nolla.

pysyva.jpg
 
Thx. Kaavailen tässä sivustolle tuollaista 40-50px korkuista alapalkkia, jossa linkit sosiaaliseen mediaan jne. Pysyy jatkuvasti tuossa näkyvillä, sivun alas scrollatessa se "tulee osaksi" footeria.
 

Latest posts

Suositut

Back
Ylös Bottom