1. Tudásbázis
  2. Sminkek
  3. Nyelvválasztó vizszintesen

Nyelvválasztó vizszintesen

Beküldte makgab - 2012. augusztus 8. 21.20
makgab képe

Üdv!

Van arra lehetőség, hogy a nyelvválasztó egy vizszintes régióba kerüljön?
Pl. a csatolt módon.

Tehát a nyelvek (linkek) egymás mellett helyezkedjenek el. Egy views-al érdemes megoldani?

Drupal verzió: 
7.x
Fórum: 
Sminkek
CsatolmányMéret
Kép ikon snapshot_3.png24.72 KB
Nagy Gusztáv képe

Beküldte Nagy Gusztáv - 2012. augusztus 8. 23.26

Ez egyszerű sminkeléssel megoldható. Kell hozzá HTML és CSS alapismeret, valamit a sminkelés alapjainak ismerete. Ezekkel hogy állsz?

0
0

Nagy Gusztáv

makgab képe

Beküldte makgab - 2012. augusztus 9. 03.47

Igen, a nyelvválasztót beteszem a nevezett régióba és css formázás lesz a legjobb.
Köszönöm.

0
0
makgab képe

Beküldte makgab - 2012. augusztus 9. 05.08

A "Languages" alatt a nyelvek egymás mellett vannak már, ez ok. Az egész blokkot jobbra igazítanám - jobbra is igazodik:
#block-locale-language
{
float: right;
}
De a nyelvek (angol, magyar) nem lesznek linkek, nem lehet kattintani rájuk. Mivel kellene jobbra igazítanom?

Firebug-ban a html:

<div id="block-locale-language" class="block block-locale contextual-links-region">
  <h2>Languages</h2>
    <div class="content">
      <ul class="language-switcher-locale-url">
        <li class="en first active">
        <li class="hu last">
      </ul>
  </div>
</div>
0
0
Nagy Gusztáv képe

Beküldte Nagy Gusztáv - 2012. augusztus 9. 08.28

A HTML kódban benne kellene lenni az a tagoknak. Nem tudnál linket mutatni, hogy mi is meg tudjuk nézni?

0
0

Nagy Gusztáv

makgab képe

Beküldte makgab - 2012. augusztus 9. 09.22

Egyelőre nincs fent sehol.
De ez segít? Itt az a tag is (firebug-ból):

div id="block-locale-language" class="block block-locale contextual-links-region">
  <h2>Languages</h2>
   <div class="content">
    <ul class="language-switcher-locale-url">
    <li class="en first active">
      <a class="language-link active" href="/ct/">English</a>
    </li>
    <li class="hu last">
     <a class="language-link" href="/ct/?q=hu">Magyar</a>
    </li>
    </ul>
</div>
</div>
0
0
makgab képe

Beküldte makgab - 2012. augusztus 9. 16.12

Sikerült. Köszönet érte Levinek.

/* lang selector block */
#block-locale-language ul.language-switcher-locale-url {
  padding: 5px 0;         /* around links */
  text-align: right;      /* language text align */
}
 
/* Language text */
#block-locale-language h2 {
  text-align: right;
}
 
/* listelements */
#block-locale-language ul.language-switcher-locale-url li {
  display: inline;         /* links in line */
  margin: 0 10px 0 10px;   /* margins */
}
0
0