Kérdés JSN Epic free sablon CSS módosítás

Több
2014 dec. 22 15:26 #1 Írta: freepetya
freepetya létrehozta a témát: JSN Epic free sablon CSS módosítás
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 témára: 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 Írta: jemie.
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 témára: 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 témára: 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 témára: 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 témára: 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 témára: 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 Írta: Zotius. 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 témára: 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 témára: 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 témára: 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!