Letöltés Kipróbálás
  1. Fórum
  3. Joomla!
  5. Sablonok és dizájn
  7. JSN Epic free sablon CSS módosítás

file JSN Epic free sablon CSS módosítás

Több
2014 dec. 22 15:26 #1 Írta: freepetya
JSN Epic free sablon CSS módosítás téma létrehozva freepetya által
Egy kis CSS segítség kellene. Az ahitatok.hu oldalról lenne szó. Jobb felül a facebook lájkboxban nem látszik teljesen a lájkok száma. Ha a betüméretet 11px helyett 10-re sikerülne csökkenteni csak erre vonatkozólag, akkor ok. lenne, csakhogy ezt a facebook-on levő CSS-ből veszi.
Illetve a footer-ben a jobb oldali menüt kellene jobbra igazítani. Van még középtájon jobb oldalon egy modul (Keresés a Bibliában) a beviteli és a választó mező is kilógna a modulból. Ezt csak globálisan tudtam egy width érték beszúrásával korrigálni, de így az összes beviteli mező szélessége változik. Előzmény: frissítés 2.5.28-3.3.6-ra a sablon legújabb változatával együtt. Előző változatban ezekkel nem volt probléma.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 22 16:34 - 2014 dec. 22 16:46 #2 Írta: jemie
jemie válaszolt a következő témában: JSN Epic free sablon CSS módosítás
Facebook:
Ha a template.css:1162 sorában a padding:15px-elt 12-re csökkented akkor látszik az egész szám,és a modulok sem esnek szét.
Szerintem

A footer menü:
Ezzel már én is szívtam, úgy oldottam meg, hogy nem footer menüt használtam hanem egyéni html modulba raktam a menüt és teljesen ki lehet rakni jobbra is és balra is.
Itt meg tudod nézni
Nem kell megköszönni a hozzászólásomat ha úgy gondolod,hogy másnak nem akarsz segíteni.
Utolsó szerkesztés: 2014 dec. 22 16:46 jemie által.
A következő felhasználók mondtak köszönetet: freepetya

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 22 20:18 #3 Írta: freepetya
freepetya válaszolt a következő témában: JSN Epic free sablon CSS módosítás
Köszi a javaslatot. Így egy picit széthúzza az oldalsó menü aktív menüpontjait, esetleg valahogy a facebook CSS-t nem lehet felülbírálni? Az alsó menüt megcsinálom egyéni HTML modulban így biztosan jó lesz. Esetleg az utolsó kérdésemre tudna valaki valamit javasolni. Itt a tesztoldal, ezen jól látszik a probléma. webteszt.tarhelyadmin.com/ahitatok/

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 22 20:37 #4 Írta: jemie
jemie válaszolt a következő témában: JSN Epic free sablon CSS módosítás
A képet miért nem rakod a like gomb fölé, vagy veszed kissebbre?
Nem kell megköszönni a hozzászólásomat ha úgy gondolod,hogy másnak nem akarsz segíteni.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 22 20:38 #5 Írta: jemie
jemie válaszolt a következő témában: JSN Epic free sablon CSS módosítás
A Biblia kereső is eléggé oda van..
Nem kell megköszönni a hozzászólásomat ha úgy gondolod,hogy másnak nem akarsz segíteni.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 23 08:24 #6 Írta: freepetya
freepetya válaszolt a következő témában: JSN Epic free sablon CSS módosítás
A képet nem tudom kisebbre venni, mint ahogy írtam a betűmérettel kapcsolatban, az egész szkript egy iframe a facebookról vett kóddal. A bibliakeresőre is keresem a megoldást. Azért linkeltem a tesztoldalt, mert ott látszik az eredeti állapot szerinti hiba. Érdekes a sablon 2.5-ös verziójánál nem voltak ezek a problémák.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 23 09:50 - 2014 dec. 23 10:04 #7 Írta: Zotius
Zotius válaszolt a következő témában: JSN Epic free sablon CSS módosítás

jemie írta: Facebook:
Ha a template.css:1162 sorában a padding:15px-elt 12-re csökkented akkor látszik az egész szám,és a modulok sem esnek szét.
...

Igen, erre a megoldásra jutottam én is. Az 1162. sor padding értékét irányonként (top, left, right) meg kellene bontani a padding: 15px; helyett:
template.css 1162. sor:
div[class*="box-"] div.jsn-modulecontainer_inner, div[class*="solid-"] div.jsn-modulecontainer_inner {
    padding-top:15px;
    padding-left: 5px;
    padding-right: 5px;
}
Ezzel csak egy nagy baj van: ha a lájkok száma nagyságrendekkel több lesz, esetleg az mégis ki fog lógni (nem látszik majd a szám vége). További lehetőség még az oldalsó hasábok (#jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner) padding értékét 15px-ről kisebbre venni, pl. 8px-re:
template.css 608. sor:
#jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner, #jsn-pos-innerleft_inner, #jsn-pos-innerright_inner {
    padding: 8px;
}
Mindettől függetlenül, szerintem a lapszélességet sem muszáj kőbe vésettnek tekinteni (használ még valaki egyáltalán monitort 1024×768 felbontáson? - a 960px fix szélesség ehhez való). Nyugodtan megnövelheted mondjuk 1200px-re, s vele együtt a bal- és jobb oldali hasábokat ennek megfelelően, arányosan. A page szélességet a template.css 180. sorában állíthatod, de itt szükséges az !important utasítás is (egy későbbi inline méretezés miatt).
template.css 180. sor
#jsn-page {
    color: #000;
    margin: 0px auto;
    width: 1200px !important; /* 960px */
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    overflow-x: hidden;
}
Ezzel a Biblia kereső modulod szélességi problémája is megoldódik.
Végül egy javaslat, ha megengeded:
A háttérkép mérete 1584×1024 pixel, ami 1920×1080 felbontáson nem tölti ki a képernyőt. Ezen is tudsz segíteni, a background-size: cover; utasítással:
blue.css 12. sor:
#jsn-master {
    background-color: #172534;
    background-image: url("../../images/colors/blue/bg-masterkaracsony.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  /* kiegészítés ezzel */
}
Egyébként ezt az egész definíciót a template.css 177. sorába is teheted, mert ott csak ennyi van:
#jsn-master {
    /* ezt kommenteld ki:
    background: none repeat-x fixed left top transparent;
    */
    /* blue.css-ből átrakható: */
    background-image: url("../../images/colors/blue/bg-masterkaracsony.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2014 dec. 23 10:04 Zotius által. Indoklás: kiegészítés, bővítés
A következő felhasználók mondtak köszönetet: Balázs, freepetya

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 23 10:44 #8 Írta: freepetya
freepetya válaszolt a következő témában: JSN Epic free sablon CSS módosítás
Köszi a segítséget és a tanácsokat. "Ha a lájkok száma nagyságrendekkel több lesz" Hát igen :-) Az oldal még joomla! 1.5-el indult 2011-ben. Azóta ezt a sablont használom. Mindenképpen szeretnék nézni valami újat, de egyelőre a frissítés volt a cél, az apróbb hibákat addig javítgatom.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 23 11:09 #9 Írta: Zotius
Zotius válaszolt a következő témában: JSN Epic free sablon CSS módosítás

freepetya írta: ... Mindenképpen szeretnék nézni valami újat ...


>>> irány a Gantry keretrendszer... B)
Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 dec. 23 11:25 #10 Írta: freepetya
freepetya válaszolt a következő témában: JSN Epic free sablon CSS módosítás
Lehetséges, használom másik oldalnál.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

  1. Fórum
  3. Joomla!
  5. Sablonok és dizájn
  7. JSN Epic free sablon CSS módosítás