Příspěvky uživatele .::CX::.

http://sl-test.jednoduse.cz/kategorie

Mně to funguje normálně.
Nepoužíváš nějaký plugin nebo script, který používá třídu nastylovanou v motivu nebo spojení tříd, které motivy používají?
U základních motivů není stylována spousta tříd, proto ti to může jít. Potřeboval bych ukázku, tebou zapojeného motivu, abych pročet zdroj. Takhle můžu jen věštit z koule.

Test ukončen. Prosím zamknout téma. Děkuji ;)

Díík za info..
Dodělám motivy a pošlu ;)

V motivech je potřeba udělat pár změn. Přibyla nová funkce "citace" v diskusi. V motivech "tfsl" neni potřeba dělat změnu, už je n citaci nastylován. Ostatní si dopište styl, pokud budete chtít mít rozlišenou citaci jako u použití "code":
blockquote {
styl
}Citaci vyvoláte kodem:
[quote]nějaká citace[/quote]V motivech "tfsl předělejte zápisy:
Položky v nastavení jsou u těchto motivů rozlišeny i ikonkama. je tedy potřeba dodat. Stáhněte si nové ikonky na změnu emailu a vložte do složky "buttons" ve složce image.
www.pro-shiru.jednoduse.cz/upload/new-icon.zip
Bude ještě potřeba dodat zápis do souboru "color.css" a zadat cestu k ikonce.
Přidejte zápis (tfsl):
--ub-email: url("../images/buttons/email-black.png");Zápis (tfsl-dark):
--ub-email: url("../images/buttons/email-white.png");a poslední zápis do souboru "buttons.css"
.user-settings-action-email a {
background-color: var(--user-button-a);
background-image: var(--ub-email);
background-repeat: no-repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 4px;
background-position-y: center;
background-size: 22px auto;
color: var(--user-button-a-color);
line-height: 110%;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 8px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-top-color: var(--user-button-a-border);
border-bottom-color: var(--user-button-a-border);
border-left-color: var(--user-button-a-border);
border-right-color: var(--user-button-a-border);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
float: left;
display: block;
transition-property: all;
transition-duration: 0.15s;
transition-timing-function: linear;
transition-delay: 0s;
}
.user-settings-action-email a:hover {
background-color: var(--user-button-hover);
color: var(--user-button-hover-color);
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 8px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-top-color: var(--user-button-hover-border);
border-bottom-color: var(--user-button-hover-border);
border-left-color: var(--user-button-hover-border);
border-right-color: var(--user-button-hover-border);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.user-settings-action-email a:active,
.user-settings-action-email a:focus {
background-color: var(--user-button-active);
color: var(--user-button-active-color);
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 8px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-top-color: var(--user-button-active-border);
border-bottom-color: var(--user-button-active-border);
border-left-color: var(--user-button-active-border);
border-right-color: var(--user-button-active-border);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}Hotovo. Předělaný motivy dodám po doručení infa ;)

"Citaci" (quote) nevidím ve zdrojáku v zanoření do třídy "post-form-bbcode".
Nemůžu tak nastylovat tlačítko "button" na tuto funkci.
V nových template je již nastylována, aby se mi citace v diskusi odlišila.
blockquote {
styl
}Bude tato funkce dostupná přes tlačítko? bbcode znak již mám v motivech předpřipravený ;)

Stáhněte si nejnovější verzi motivu. Pouštím to jako betu, ale na tuhle verzi systému je to už hotovka. Nový link:
www.pro-shiru.jednoduse.cz/upload/tfsl-0-3-1.zip
Pokud někdo bude chtít použít už teď dělený hcm na články, tak mám předstyl pod třídou "hcm-container". Dělení hcm vyvoláte zápisem do obsahu nebo boxu bez zapnutého editoru. např:
<div class="container-hcm">
[hcm]articles, new, 4, perex-image, true, [/hcm]
</div>Konečně mám dodělanou šablonu, tak jsem na ní postavil i motiv.
Link ke stažení:
www.pro-shiru.jednoduse.cz/upload/island-0-3-1.zip
www.pro-shiru.jednoduse.cz/upload/walls-0-3-1.zip
www.pro-shiru.jednoduse.cz/upload/mill-0-3-1.zip
www.pro-shiru.jednoduse.cz/upload/ploughman-0-3-1.zip
Ař vyjde nová verze systému, tak vám sem dodám i zápis nově zapsaných tříd, abyste popřípadě vaší změny v motivech nemuseli začínat psaát znova a jen dopsali ty nové věci. Nebude toho moc, takže tyhle motivy už můžete použít naostro a pak byste jen dopsali tu trošku.

Motiv "portfolio" jsem zrušil. Bude tohle s názvem "tfsl" (template for SunLight).
Dělám ho bez všech php konfigurací kolem, prostě základ. Jeden layout "template.php" stačí díky samotným možnostem systému. Pokud někdo bude potřebovat více layoutů, tak možnosti má. Tuhle šablonu chci hodně přehlednou, aby druhým i bez juknutí do dokumentace došlo, jak se staví template.
Co se týká toho tvého příkladu s dolním sloupcem, tak nejjednodušší způsob je přidat další sloupec, do kterého si i nastyluješ systémové věci, jak budeš potřebovat. Další sloupec přidáš tak, že ho zapíšeš do souboru "pligin.json". Příklad zapisuji do svého "template.php"
vytvořím nový sloupec s názvem co si sám vymyslíš např "tralala".
Zde je zápis: (Hodím ti ho pod spodní sloupec):
"layouts": {
"default": {
"template": "layouts/template.php",
"slots": [
"top",
"left",
"right",
"bottom",
"tralala",
"footer"
]
}
},Pak ještě vytvoříš překlad, to je to co pak čteš v systému v boxech. Otevři tedy složku "labels" v motivu a přidej zápis do cs.php a pak i do druhého v anglině kvůli překladu:
'default.slot.tralala' => 'tralala sloupec',V tomto motivu by to vypadalo takhle:
<?php
return [
'default.label' => 'výchozí',
'default.slot.top' => 'horní sloupec',
'default.slot.right' => 'pravý sloupec',
'default.slot.left' => 'levý sloupec',
'default.slot.bottom' => 'dolní sloupec',
'default.slot.tralala' => 'tralala sloupec',
'default.slot.footer' => 'sloupec pata',
];V tuhle chvíli ti systém přídá třídu, která bude mít tenhle název:
.boxes-tralalaDo layoutu ho přidáš na místo, kde ho budeš chtít tedy v tomto motivu na tvůj příklad. Otevři soubor "template.php" a zapiš ho:
<?= Template::boxes('tralala') ?>A máš hotovo, jen si ještě dostyluj styl na tenhle sloupec s boxy. Sytém ti do zdroje hodí třídu
<div class="boxes boxes-tralala">
<div class="box-item">
<h2 class="box-title"></h2>
</div>
</div>Styl tedy budeš psát v té druhé přožené třídě pro sloupec "boxes-tralala":
.boxes-tralala {
styl
} a styl přímo pro ty boxy v tom sloupci "box-item":
.boxes-tralala .box-item {
styl
}Jednoduchý. V tomhle motivu jsou už ukázkově nastylovaný třídy pro tyhle boxy, tak jenom najdi, jakej sloupec bys chtěl okopčit a jen pozměň ten název třídy.
U paty jsem to styloval tak, aby se boxy načítali v nejmenší velikosti 250px. Jakmile je dosaženo max počtu boxů na velikost, tak skočí do druhého řádku. Maj nastavený flex-grow na jedna, tedy budou brát zbytek volného místa. Min velikost je 250px ale dělí se o zbývající místo. Pokud tedy jeden box spadne do druhého řádku, tak zabere celý řádek. Toho využívám i u hcm s článkama vedele sebe. Dělí se o 50% místa, takže třetí článek spadne pod ně a natáhne se přes celý řádek.
U toho čekám na třídu od Shiry. Budu to dělení článku v hcm stylovat na horní sloupec, content a spodní sloupec.
;)

Pozadí v knize? V jakym motivu v tom tmavém nebo světlém. Jdu juknout. Co se týká dolního sloupce, tak ten by se měl zobrazit jen při jeho použití. Jdu to překontrolovat.
Barvení při "target" v tmavém motivu bylo opraveno.

Dolní sloupec se při nepoužití nazapočítává. Tak nevim co myslíš.
Jinak motivy jsem aktualizoval, tak si je stáhněte znova.

"Dolní sloupec" se nezarovnává horizontálně. Jen jsem na ukázku hodil plugin hcm na články a ten už se mi řadí vedle sebe. Není to jako v patičce webu ;)

Dík za reakci. Pokud to bude takhle vyhovovat, předělám i tyhle dvě ikonky na obrázky stránek a dám opět ke stažení. Já udělal ty předchozí ikonky podle toho, co maj na stránkách ostatní. ;)

Template bylo hodně předěláno. Potřebuju vaší zpětnou vazbu.
Ukázka je už dostupná.
Nový link ke stažení, kde je toto template ve světlém a tmavém vzhledu. Stáhnete si obojí.
www.pro-shiru.jednoduse.cz/upload/tfsl.zip
Je v beta verzi, protože bude potřeba dostylovat nové věci co budou v 8.1, ale to pak mám dostylovaný zachvilku.
Opravdu potřebuju vaší zpětnou vazbu

Hodil by se mi test na šablonu, kterou připravuju na v. 8.1.
Asi nej změny jsou v kodu a v použití. Předchozí motivy odemně ještě jedou na kodu, který jsem měl na betě na testu. Nyní je vše potřebné (systém i hlavní css-ko) ve flexboxu. Má pouze jeden layout, víc jich neni potřeba. Případné změny pro postupku boxů v responzivě snadno provedete v souboru "main.css".
Stadartně jsem nastyloval na
.column-content {
order: 1;
width: auto;
flex-grow: 1;
}
.boxes-left {
order: 2;
width: 100%;
}
.boxes-right {
order: 3;
width: 100%;
}Stačí tedy pro vaší potřebu jen změnit pořadí boxů ve vlastnosti "order".
Nové použití:
Nastyloval jsem v tomto motivu sekce pro boxy, nově tedy máte k dispozici horní sloupec nad obsahem, standartně levý a pravý sloupec u obsahu, dolní sloupec pod obsahem a dokonce i patu webu. Vše obsluhujete pomocí zavedení boxů do sloupců, jako tomu je u levého a pravého sloupce. Do těchto sekcí tedy zapisujete pomocí boxů.

Předstylovaný hcm, které mohou být vložený do paty webu, která má tmavé pozadí.
Nově jsem ikonky na fórum nastyloval jako obrázky pro třídy (Shira jich napsal dostatek), takže jsem je jako vložené img zakázal. Tuto změnu jsem udělal pro případné použití a možnou změnu na tmavé nebo světlé pozadí. Pokud si tedy nastylujete jedno fórum pro tento motiv v tmavém režimu, tak můžete změnit ikonky diskusí. Dále oproti předchozím motivům jsem ponechal vše infa fóra v responsivě. Jen jsem přidal případné ikonky pro rozlišení položek.
Dále máte i ikonky obálek u pošty (otevřená nebo zavřená) pro lepší orientaci přečtených a nepřečtených zpráv.
Motiv si múžete stáhnout zde: www.pro-shiru.jednoduse.cz/upload/portfolio-test.zip
Ukázka motivu: www.pro-shiru.jednoduse.cz

U cokolky je logo vložený do headeru přímo jako pozadí třídy, jako se např. vkládá obrázek do headeru (hlavičky) ne jako img. Musel bych obrázek na logo zapsat do layoutu aby se v závěru načítalo jako img. Pak by odkaz kopíroval obrázek. Takhle toho nedocílim, protože odkaz neví, jak velký obrázek si uživatel hodil do motivu. Problém je v tom, pokud by chtěl někdo z uživatelů něco měnit na logu, např název nebo formát (.png, .jpg, .gif), tak by musel zasahovat přímo v layoutu. U cokolky ve všech layoutech, protože jich má na logo víc. No a to je problém. Zkušenější uživatel alespoň se základní znalostí css si to přepracuje, zásah od někoho bez znalostí v layoutu neni ok, proto je cokolka napsaná takhle. Mohl bych to udělat tak, že odkaz by kopíroval celou šířku hlavičky. Na to ti sem můžu hodit kod, a ty by sis ho připsal do css-ka. Ale cokolka bude potřebovat více úprav. Koukal jsem na ní a má usermenu v boxu dost natáhlí, zbytečně je to dlouhá nudle a v obsahu má více odstupněné řádky. Tohle bude potřeba přikrmit nějakou změnou. Je tu jedno ale. Pomáhám teď na motivu (upozorňuju že pomáhám), kde tohle bude ošéfovaný pomocí php. Já o php moc nevim a cokolka stojí vlastně čistě na cssku. Jen s css vše nedáš. Tam jsem předělal i dost nejen css-ka pro systém. Některé věci potřebují kod ve flexboxu a to tam bude. byl potřeba předělat např. vzkazník, forum a pluginy. To cokolka jede ještě na napsanym kodu z betatestu. Teď to mám úplně předělaný a rozmýšlim, zda cokolka bude ještě při vydání sl8.1 ještě potřeba, protože budeš mít k mání skvělej motiv pro běžného uživatele, kde Jirka vyřešil spoustu věcí, které já pouze s css nedám ;) Při tomhle musí stát někdo s úplně jinou znalostí. Já pak možná dohodim nějakej jednoduchej, abych mohl zapojit nové csska pro systém, aby se s tím druhý nemuseli pro systém psát nanečisto. Je tam řešená responziva, přeskakování sloupců s možností zalomení na další řádek a tak. Ten flexbox je fakt potřeba. Pokud se ti líbí vzhled (on je vlastně přesunut z předělaného beta shadow), tak budu mít pro tebe dobrou zprávu. Nepřijdeš o něj, ale vnitřek, tedy kod, bude už novej a nenajdeš ho jako cokolku, ale více asi po vydání 8.1 ok? Shira mi tam přidá i třídu na pluginy, takže tam budeš mít více možností, které ti Jirka dopřeje ;) Ono to vypadá, jako že se nic neděje, ale tady komunikuje zatím dost zadrhnutá komunita. V pozadí se ale fakt maká :D, takže i já jsem vytíženej naplno, o to se Jirka postaral :D Více ani ťuk. Spíš si počkej ;)

moc dík ;)

Ano, pochopil jsi to, jenže já si to pro sebe obalim do třídy. Jen to potřebuju napsat do css-ka pro uživatele, co to nezvládnou. Jde to obalit pouze v obsahu. Pokud to hodim do body, tak se tím nastyluje i kategorie jako taková, ne plugin.
Je to tak, jak píšeš.

Shiro prosím tě. Chtěl bych použít možnost řazení článků a příspěvku v hcm vedle sebe, tedy na 50 % pomocí flexbox. Jenže tam opravdu to není na co chytit. ten plugin nemá svojí třídu ani prvek nad třídama, s kterými bych pracoval. Pokud bych to nakodoval natvrdo, tak se budou řadit články i v sekci kategorii vedle sebe a ještě bez efektu, který se dá docílit pomocí uchycení. nechtěl jsem zase otravovat, ale tady ta třída úplně chybí. Je to potřeba jen na hcm s komentáři a články. U toho ostatního mě nenapadá nic na předělávku struktury v hcm.