abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    dnes 05:22 | Komunita

    Přímý přenos (YouTube) z konference LinuxDays 2025, jež probíhá tento víkend v Praze v prostorách FIT ČVUT. Na programu je spousta zajímavých přednášek.

    Ladislav Hagara | Komentářů: 0
    včera 22:44 | IT novinky

    V únoru loňského roku Úřad pro ochranu osobních údajů pravomocně uložil společnosti Avast Software pokutu 351 mil. Kč za porušení GDPR. Městský soud v Praze tuto pokutu na úterním jednání zrušil. Potvrdil ale, že společnost Avast porušila zákon, když skrze svůj zdarma dostupný antivirový program sledovala, které weby jeho uživatelé navštěvují, a tyto informace předávala dceřiné společnosti Jumpshot. Úřad pro ochranu osobních údajů

    … více »
    Ladislav Hagara | Komentářů: 1
    včera 19:00 | Nová verze

    Google Chrome 141 byl prohlášen za stabilní. Nejnovější stabilní verze 141.0.7390.54 přináší řadu novinek z hlediska uživatelů i vývojářů. Podrobný přehled v poznámkách k vydání. Opraveno bylo 21 bezpečnostních chyb. Za nejvážnější z nich (Heap buffer overflow in WebGPU) bylo vyplaceno 25 000 dolarů. Vylepšeny byly také nástroje pro vývojáře.

    Ladislav Hagara | Komentářů: 0
    včera 17:11 | Upozornění

    eDoklady mají kvůli vysoké zátěži technické potíže. Ministerstvo vnitra doporučuje vzít si sebou klasický občanský průkaz nebo pas.

    Ladislav Hagara | Komentářů: 4
    včera 17:00 | Komunita

    Novým prezidentem Free Software Foundation (FSF) se stal Ian Kelling.

    Ladislav Hagara | Komentářů: 1
    včera 14:33 | Komunita

    Na čem pracují vývojáři webového prohlížeče Ladybird (GitHub)? Byl publikován přehled vývoje za září (YouTube).

    Ladislav Hagara | Komentářů: 0
    včera 12:33 | Upozornění

    Vyšla kniha Počítačové programy a autorské právo. Podle internetových stránek nakladatelství je v knize "Významný prostor věnován otevřenému a svobodnému softwaru, jeho licencím, důsledkům jejich porušení a rizikům „nakažení“ proprietárního kódu režimem open source."

    javokajifeng | Komentářů: 0
    včera 01:11 | Bezpečnostní upozornění

    Red Hat řeší bezpečnostní incident, při kterém došlo k neoprávněnému přístupu do GitLab instance používané svým konzultačním týmem.

    Ladislav Hagara | Komentářů: 0
    2.10. 23:33 | Nová verze

    Immich byl vydán v první stabilní verzi 2.0.0 (YouTube). Jedná se o alternativu k výchozím aplikacím od Googlu a Applu pro správu fotografií a videí umožňující vlastní hosting serveru Immich. K vyzkoušení je demo. Immich je součástí balíčků open source aplikací FUTO. Zdrojové kódy jsou k dispozici na GitHubu pod licencí AGPL-3.0.

    Ladislav Hagara | Komentářů: 2
    2.10. 22:33 | IT novinky

    Český telekomunikační úřad vydal zprávy o vývoji cen a trhu elektronických komunikací se zaměřením na rok 2024. Jaká jsou hlavní zjištění? V roce 2024 bylo v ČR v rámci služeb přístupu k internetu v pevném místě přeneseno v průměru téměř 366 GB dat na jednu aktivní přípojku měsíčně – celkově jich tak uživateli bylo přeneseno přes 18 EB (Exabyte). Nejvyužívanějším způsobem přístupu k internetu v pevném místě zůstal v roce 2024 bezdrátový

    … více »
    Ladislav Hagara | Komentářů: 0
    Jaké řešení používáte k vývoji / práci?
     (38%)
     (46%)
     (14%)
     (16%)
     (18%)
     (14%)
     (18%)
     (15%)
     (14%)
    Celkem 169 hlasů
     Komentářů: 11, poslední včera 07:30
    Rozcestník

    Alternativní světlý vzhled webu

    12.3.2021 00:00 | Přečteno: 1910× | poslední úprava: 14.3.2021 14:15

    Vytvořil jsem alternativní světlý vzhled pro AbcLinuxu, měl by být trochu přehlednější. Příspěvky v diskusích jsou doplněny grafikou (čárami) a zvýrazňuje se odkazovaný příspěvek.

    Hlavní stránka s alternativním stylem

    CSS kód

    Tento kód je napsán tak, že se předpokládá nahrazení výchozího stylu tímto. Informace o tom, jak toho může registrovaný uživatel docílit jsou níže.

    @import url("https://abclinuxu.cz/data/syntaxhighlighter/styles/shCore.css");
    @import url("https://abclinuxu.cz/data/syntaxhighlighter/styles/shThemeRDark.css");
    
    html, body {
    	margin: 0;
    	padding: 0;
    	box-sizing: border-box;
    	background: #fff;
    	font-family: sans-serif;
    }
    .sflista {
    	display: block;
    	box-shadow: 0 0 .2em;
    	padding: 0 1em;
    	cursor: default;
    	margin-bottom: .5em;
    }
    .sflista a {
    	display: inline-block;
    	color: #000;
    	text-decoration: none;
    	padding: .2em .5em;
    	cursor: pointer;
    }
    .sflista img {
    	vertical-align: middle;
    }
    .sflista a:hover {
    	background: rgba(0, 0, 0, .2);
    }
    .sflista div {
    	display: inline;
    }
    #zh-kont {
    	display: flex;
    	padding: 1em;
    }
    .zh-box {
    	flex: 1;
    }
    #zh-logo {
    	background: url(https://www.abclinuxu.cz/images/site2/abc-logo.gif) left center no-repeat;
    	min-height: 3em;
    	min-width: 11em;
    	background-size: contain;
    	order: -1;
    	flex: 0;
    	position: relative;
    }
    #zh-logo a {
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    }
    #zh-text {
    	text-align: right;
    	order: 1;
    	flex: 1;
    	max-width: 20em;
    }
    #zh-hledani {
    	text-align: right;
    }
    #menu-wrap {
    	background: #275188;
    	line-height: 1;
    }
    #menu-wrap ul, #menu-wrap li {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    #menu-wrap a {
    	color: #cae5f0;
    	text-decoration: none;
    	display: inline-block;
    	padding: .5em .5em;
    }
    #menu>li {
    	display: inline-block;
    	position: relative;
    }
    #menu ul {
    	display: none;
    	position: absolute;
    	z-index: 1;
    	top: 100%;
    	left: 0;
    	background: #275188;
    	min-width: 15em;
    	padding: .5em 0;
    	box-shadow: 0 0 .1em rgba(0, 0, 0, .9);
    	border-radius: 0 0 .3em .3em;
    	text-align: left;
    	max-height: 50vh;
    	overflow-y: auto;
    }
    ul#menu li a {
    }
    ul#menu {
    	padding: 0 1em;
    	text-align: center;
    	margin: auto;
    }
    #menu > li:hover > a, .hl a:hover {
    	color: #fff;
    	text-decoration: underline;
    	background: rgba(0, 0, 0, .1);
    }
    #menu>li:hover ul {
    	display: block;
    }
    #menu li ul a {
    	display: block;
    }
    #menu li ul li:hover a {
    	background: rgba(0, 0, 0, .2);
    	color: #fff;
    	text-decoration: underline;
    }
    .hl .hl_vlevo {
    	display: none;
    }
    #ls_prepinac {
    	display: none;
    }
    .s_nadpis {
    	font-size: 1.2em;
    	font-weight: bold;
    	display: block;
    	background: #275188;
    	margin: .5rem 0;
    	color: #fff;
    	padding: .5rem 1rem;
    	line-height: 1;
    }
    .s_nadpis a {
    	color: inherit;
    	text-decoration: none;
    }
    .s_nadpis-pravy-odkaz {
    	float: right;
    	font-size: 1rem;
    	font-weight: normal;
    }
    .obal {
    	display: grid;
    	grid-auto-rows: auto;
    	grid-template-rows: auto auto 1fr;
    	grid-template-columns: minmax(17em, 20em) auto minmax(7em, 15em);
    }
    .hl {
    	padding-top: .2em;
    	padding-right 1em;
    	background: #275188;
    	display: block;
    	padding: 0 .5em;
    	color: #cae5f0;
    	grid-column: 3;
    	grid-row: 1;
    	line-height: 1;
    	font-size: 0;
    }
    .hl * {
    	display: block;
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    .hl a {
    	display: block;
    	color: inherit;
    	text-decoration: none;
    	padding: .2em .3em;
    	font-size: 1rem;
    	text-align: center;
    }
    #ls {
    	grid-column: 1;
    	grid-row: 1 / 5;
    	border-right: .2em solid #275188;
    }
    .obal_ps {
    	grid-column: 3;
    	grid-row: 2;
    	border-left: .2em solid #275188;
    	border-bottom: .2em solid #275188;
    	border-radius: 0 0 0 .7em;
    	padding-bottom: .5em;
    }
    #st {
    	grid-column: 2;
    	grid-row: 1 / 4;
    	min-width: 0;
    	padding: 1em 1em;
    	background: linear-gradient(to bottom ,transparent 50%, #fff 50%), linear-gradient(to right, transparent 50%, white 50%), linear-gradient(to right, white 50%, transparent 50%), radial-gradient(transparent 77%, #275188 77%), radial-gradient(transparent 77%, #275188 77%);
    	background-size: auto 2em, 2em 2em, 2em 2em, 2em 2em, 2em 2em;
    	background-repeat: no-repeat;
    	background-position: top, top left, top right, top left, top right;
    }
    .dl.noext {
    	grid-column: 3;
    	grid-row: 3;
    	color: #666;
    	margin-top: 1em;
    	font-size: .9em;
    }
    .s_nadpis.linkbox_nadpis {
    	grid-row: 4;
    	grid-column: 2;
    }
    .ls_zpr .st_nadpis {
    	color: #275188;
    	font-weight: bold;
    }
    .ls_zpr .st_nadpis a {
    	color: inherit;
    	text-decoration: none;
    }
    .ls_zpr>* {
    	padding: 0 .5rem;
    }
    .ls_zpr {
    	padding-top: .5em;
    }
    hr {
    	border: 0;
    	display: block;
    	height: 1em;
    	text-align: center;
    	font-size: 1.2rem;
    	line-height: 1rem;
    }
    hr::after {
    	content: '• • •';
    	display: inline;
    }
    .ls_zpr a, .st a, #zh-kont a, .s_sekce a {
    	color: #275188;
    	text-decoration: underline;
    }
    .ls_zpr > :not(.st_nadpis):not(.zpr_telo):not(hr) {
    	font-size: .7em;
    }
    .ls_zpr p, .st p {
    	margin: .3em 0;
    }
    .ank-otazka {
    	font-weight: bold;
    	color: #275188;
    	margin-top: .5em;
    	margin-bottom: .5em;
    }
    .ank-otazka, .ank-odpov {
    	padding: 0 .5em;
    }
    .ank-odpov input {
    	vertical-align: middle;
    	margin-right: .5em;
    }
    .ank-odpov {
    	margin-bottom: .5em;
    }
    .ank-odpov label:hover {
    	text-decoration: underline;
    }
    .ank-otazka ~ :not(.ank-odpov) {
    	padding: .5em;
    }
    .s>:not([class]) {
    	margin: 0 .3em;
    }
    .s_odkaz {
    	margin: .5em;
    	text-align: center;
    }
    .ls_zpr hr:last-child {
    	display: none;
    }
    table {
    	width: 100%;
    	margin: 1em 0;
    }
    th, td {
    	border-bottom: 1px solid #aaa;
    	/*! padding: .2em .5em; */
    }
    .st thead td, .st th {
    	border-bottom: .2em solid #275188;
    	font-weight: bold;
    }
    .st thead td a, .st th a {
    	text-decoration: none;
    }
    .st thead td a:hover, .st th a:hover {
    	text-decoration: underline;
    }
    .st tr:hover td, .st tr:hover th {
    	background: rgba(0, 255, 255, .1);
    }
    .st .boxy td, .st .ramec td {
    	border-bottom: 0;
    }
    .st .boxy tr:hover td, .st .ramec tr:hover td, .st form table tr:hover td {
    	background: unset;
    }
    .ramec table, .boxy table {
    	margin: 0;
    }
    .boxy td {
    	vertical-align: top;
    }
    .ramec .s_nadpis, .boxy .s_nadpis {
    	margin-bottom: 0;
    }
    .ds tbody td:first-child a {
    	display: block;
    }
    .ds .meta-odkazy {
    	float: right;
    }
    .ds td:nth-child(2), .ds td:nth-child(3) {
    	text-align: center;
    }
    .st .s_nadpis a {
    	color: inherit;
    	text-decoration: none;
    }
    .st .s_nadpis {
    	line-height: 1.5;
    }
    .info {
    	position: relative;
    	border: 1px solid #275188;
    	width: 1rem;
    	height: 1rem;
    	font-size: .7em;
    	display: block;
    	text-align: center;
    	float: right;
    	cursor:  help;
    	line-height: 1.3;
    	padding: .2em;
    	text-decoration: none !important;
    }
    .info .tooltip {
    	position: absolute;
    	width: 10em;
    	top: 0;
    	left: 0;
    	background: #bbb;
    	color: #275188;
    	text-align: left;
    	border: 1px solid #275188;
    	padding: .2em;
    	display: none;
    	opacity: 0;
    }
    .info:hover .tooltip {
    	display: block;
    	animation: tooltip-show 1s 1;
    	animation-fill-mode: forwards;
    	outline: 1px solid red;
    }
    @keyframes tooltip-show {
    	0% { opacity: 0; top: 100vh }
    	80% { opacity: 0; width 0; top: 100vh }
    	80.01%, 100% { opacity: 1; width: 15em; top: 0 }
    }
    .ds_toolbox {
    	padding: .5em;
    	background: #275588;
    	color: #fff;
    }
    .ds_toolbox a {
    	color: #fff;
    }
    .ds_odsazeni, .signature {
    	border-left: 1px solid #275188;
    	padding-left: .5rem;
    	margin-left: 1rem;
    	padding-top: .5rem;
    	padding-left: 1rem;
    }
    h1+.ds_hlavicka+#comment0>.ds_odsazeni {
    	border-color: transparent;
    }
    .signature+.ds_odsazeni {
    	padding-top: 0;
    }
    .ds_text{
    	border: 1px solid #275188;
    	border-top: 0;
    	border-radius: 0 0 .5em .5em;
    }
    .ds_hlavicka_novy, .ds_hlavicka, .ds_text {
    	padding: .5em;
    }
    .ds_hlavicka_novy, .ds_hlavicka {
    	border: 1px solid #275188;
    	border-bottom: 0;
    	border-radius: .3em .3em 0 0;
    }
    .ds_hlavicka {
    	background: #0040801a;
    }
    .ds_hlavicka_novy {
    	background: #ee880055;
    }
    .signature {
    	padding-bottom: .2rem;
    	padding-top: .2rem;
    	font-size: .7rem;
    }
    .ds_avatar {
    	float: right;
    }
    [id^=comment]+p {
    	border: 1px solid #275188;
    	border-radius: .3em;
    	padding: .5em;
    	margin-top: 0;
    }
    .dl.noext a {
    	color: inherit;
    	text-decoration: none;
    }
    .dl.noext a:hover {
    	color: #275188;
    	text-decoration: underline;
    }
    .menu-kont {
    }
    #zh-kont a {
    	font-weight: bold;
    }
    .st img, .s_sekce img {
    	max-width: 100%;
    }
    .ps .s_sekce ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    .ps .s_sekce li {
    	margin: .5em 0;
    }
    .s_nadpis .info, .ds_toolbox .info {
    	border-color: #fff;
    	margin-top: -.2em;
    }
    .s_nadpis a:hover {
    	text-decoration: underline;
    }
    #ls .rozc {
    	padding: .5em;
    }
    #ls .rozc>a {
    	background: #275188;
    	color: #fff;
    	display: block;
    	padding: .2em .5em;
    }
    #ls .rozc>a+br {
    	display: none;
    }
    #ls .rozc ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    #ls .rozc li {
    	margin: .5em;
    }
    .pwd-box, .tag-box {
    	font-size: .7em;
    	margin-bottom: .4rem;
    }
    .tag-box button {
    	appearance: none;
    	border: 0;
    	background: unset;
    	cursor: pointer;
    	padding: 0;
    	margin: 0;
    	color: #275188;
    	font-weight: bold;
    	font-size: 1em;
    }
    .do-zalozek {
    	float: right;
    }
    .tag-box+h2 {
    	margin-top: 0;
    	margin-bottom: 0;
    }
    h2 {
    	border-bottom: .2em solid #275188;
    }
    h1 {
    	margin-top: 0;
    }
    .st p {
    	text-align: justify;
    }
    .ps {
    }
    .ps .s>* {
    	padding-left: .5em;
    }
    .meta-vypis {
    	font-size: .7em;
    }
    .ds_hlavicka:target, .ds_hlavicka:target+*>.ds_text, .ds_hlavicka_novy:target, .ds_hlavicka_novy:target+*>.ds_text {
    	border-color: #a00;
    }
    .ds_hlavicka:target {
    	background: rgba(192, 0, 0, .1);
    }
    .ds_hlavicka:target+*>.ds_text, .ds_hlavicka_novy:target+*>.ds_text {
    	background: rgba(192, 0, 0, .05);
    }
    .s img {
    	width: 80%;
    	margin: auto;
    	display: block;
    }
    .ps .info .tooltip {
    	left: unset;
    	right: 0;
    }
    pre, .syntaxhighlighter {
    	background: #ddd;
    	border: 1px solid #666;
    	border-radius: .2em;
    	overflow-y: auto;
    	padding: .5em;
    }
    a:hover {
    	background: rgba(255, 255, 0, .3);
    }
    .st a:visited, .s_sekce a:visited {
    	color: #663377;
    }
    .st .s_nadpis a {
    	color: unset;
    }
    .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit]), .st textarea, .st select {
    	display: block;
    	width: 100%;
    	box-sizing: border-box;
    }
    .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+button,
    .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+input[type=button],
    .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+input[type=submit],
    .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+input[type=reset] {
    	display: block;
    	float: right;
    }
    .st table[id^=forum_] input {
    	width: auto !important;
    	display: inline-block !important;
    }
    .rating {
    	width: 200px;
    	float: right;
    	border: 1px solid #275188;
    	text-align: center;
    }
    .rating_iframe {
    	width: 100%;
    }
    .stupnice {
    	display: inline-block;
    	width: 78px;
    	border: 1px solid #275188;
    }
    .stupnice .rtut {
    	height: 6px;
    	background: #275188;
    }

    Jak změnit styl na AbcLinuxu?

    AbcLinuxu umožňuje v Nastaveních změnit URL stylu, který je použitý na stránky. (Více informací je v nápovědě.) Políčka pro změnu CSS je možné použít i pro vložení kompletního stylu stránky. Jsou dvě možnosti:

    Vložení stylu pomocí data URI

    Novější webové prohlížeče podporují použití takzvaného data URI, které umožňuje vložit požadovaná data přímo do URI. Syntaxe je následující:

    data:MimeTyp,Data

    To postačí pro vložení textových dat (CSS). Stačí vyplnit pole pro typ dat (v našem případě text/css) a za čárku napsat veškeré CSS deklarace. Výsledou URI vložíte do pole „Vlastní CSS“ v Nastaveních.

    Pro netextová data můžeme použít kódování base64, které reprezentuje binární data ve čtyřiašedesátkové soustavě. Výhodou je možnost vložení jakýchkoliv dat – např. obrázků, nevýhodou je zvětšení dat o ⅓ (pro uložení 6 bitů se použije ASCII znak zabírající 8 bitů). V případě použití kódování textu s více než 8bitovými znaky je tento formát mnohem méně úsporný. Při přenosu v UTF-16 se každých 6 bitů zvětší na 16, takže data zaberou 2⅔× více místa.

    Libovolný soubor do base64 převedeme příkazem base64:

    base64 -w0 soubor.bin

    Výtup napíšete do data URI, kde je za typem ještě ;base64: data:image/png;base64,iVBOR…

    Vložení stylu v nastaveních přímo do textového pole

    Pro pohodlnější úpravy CSS deklarací v budoucnu můžete použít pole „Deklarace CSS“ hned pod „Vlastní CSS“ v Nastaveních. Nahrazení stylu není tak jednoduché jak by se mohlo zdát – systém webu AbcLinuxu použije svůj výchozí styl, pokud je pole „Vlastní CSS“ nevyplněné. Pokud chcete výchozí styl vypnout, napište do pole „Vlastní CSS“ adresu prázdného CSS: data:text/css, (včetně čárky).

    Třetí možností je umístit CSS na vlastní server a jeho URL vložit do nastavení, což někteří také udělali.

    Vyladění stylu dle vlastních potřeb

    Ne každému se může líbit celý styl tak, jak je. Například Josef Kufner v diskusi poznamenal, že diskuse jsou přečárované (náhled).

    Vypnutí rámečků komentářů

    Pro vypnutí čar připište na konec tuto deklaraci:

    .ds_hlavicka, .ds_hlavicka_novy, .ds_text {
        border: 0;
    }

    Teď jsou možná čáry spojující příspěvky až příliš výrazné. To můžete upravit pomocí této deklarace:

    .ds_odsazeni, .signature {
        border-color: #bdcee3;
    }

    Změna velikosti odsazení komentářů

    To provedete přidáním této deklarace. Použité jednotky jsou jednotky rem, tedy násobky velikosti písma v kořenovém elementu. (em nemůžeme použít, protože je pro patičku změněná velikost písma.)

    .ds_odsazeni, .signature {
        margin-left: 1rem;  /* odsazení (vč. posunutí čáry) */
        padding-left: 1rem; /* mezera mezi čárou a příspěvkem */
    }

    Kde je reklama?
    — anonymní Franta v komentáři #10
    Nepřijde mi vhodné ukazovat reklamu na screenshotech. Tento styl se zobrazenou reklamou funguje bez potíží.        

    Hodnocení: 100 %

            špatnédobré        

    Obrázky

    Alternativní světlý vzhled webu, obrázek 1 Alternativní světlý vzhled webu, obrázek 2

    Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

    Komentáře

    Vložit další komentář

    Jendа avatar 12.3.2021 01:08 Jendа | skóre: 78 | blog: Jenda | JO70FB
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Hodil by se screenshot, abychom věděli, jestli to je zajímavé.
    12.3.2021 01:38 Franta
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Driv jsem pouzival CSS doplnek do FF ale kvuli jednomu obsahlemu stylu to taky instalovat nechci, pro male CSS upravy pouzivam ublock. Jinak tech napadu tu bylo v minulosti dost a je skoda ze se neimplementovalo to vlaknove zprehledneni.
    12.3.2021 15:00 Franta
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Kdyz to ted vidim, bral bych z toho jen ty vlakno cary. Kde je reklama? :D
    14.3.2021 14:19 jiwopene | skóre: 31 | blog: Od každého trochu…
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Nepřipadá mi vhodné tu reklamu dávat i na screenshoty. Tento styl neskrývá reklamu, to bylo provedeno jinou metodou.
    .sig virus 3.2_cz: Prosím, okopírujte tento text do vaší patičky.
    JiK avatar 12.3.2021 03:17 JiK | skóre: 13 | blog: Jirkoviny | Virginia
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    12.3.2021 11:22 xdeb01
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Nasaď si brýle, jsou tam hned dva pod zápiskem.
    12.3.2021 12:59 Ondřej J | skóre: 3
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Nasaď si brýle a podívej se, co je obsahem těch screenshotů. LOL
    12.3.2021 14:04 xdeb01
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Screenshoty CSS stylu. GASP.
    Jendа avatar 12.3.2021 17:11 Jendа | skóre: 78 | blog: Jenda | JO70FB
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    (pro ostatní kteří si toho ještě nevšimli: screenshoty byly do blogu přidány po napsání mého komentáře a anonym je nejspíš ten ubožák který se tu snaží urážet lidi)
    12.3.2021 17:26 xdeb01
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Tak si k nim příště přijdem copyright když nesmí být na screenshotech xd
    Josef Kufner avatar 12.3.2021 13:08 Josef Kufner | skóre: 70
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Čistší hlavička je dobrá, diskuze jsou moc přečárované.
    Hello world ! Segmentation fault (core dumped)
    14.3.2021 14:21 jiwopene | skóre: 31 | blog: Od každého trochu…
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    …, diskuze jsou moc přečárované.
    Stačí drobná úprava stylu – stručný návod přidán do článku.
    .sig virus 3.2_cz: Prosím, okopírujte tento text do vaší patičky.
    Josef Kufner avatar 12.3.2021 13:09 Josef Kufner | skóre: 70
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Jinak, velice se mi osvědčilo vytáhnout si lištu diskuzí nahoru do záhlaví.
    div.ds_toolbox {
        position: absolute;
        top: 0.5em;
        left: 14em;
        right: 18em;
        width: auto;
        height: 2.4em;
    }
    Hello world ! Segmentation fault (core dumped)
    14.3.2021 14:23 jiwopene | skóre: 31 | blog: Od každého trochu…
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Já bych použil spíše sticky:
    .ds_toolbox {
        position: sticky;
        top: 0;
    }
    To přichytí lištu na vršek obrazovky až po odskrolování pod ní.
    .sig virus 3.2_cz: Prosím, okopírujte tento text do vaší patičky.
    Josef Kufner avatar 14.3.2021 15:42 Josef Kufner | skóre: 70
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Já tu lištu nechci na vrchu obrazovky, já jí chci na vrchu stránky. A jakmile odskroluju, tak mi je k ničemu. Jde mi jen o odkaz na první nepřečtený komentář.
    Hello world ! Segmentation fault (core dumped)
    vencour avatar 12.3.2021 14:17 vencour | skóre: 56 | blog: Tady je Vencourovo | Praha+západní Čechy
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Kdyby toho bylo víc obsahem, tak bych neváhal s tučňákem.
    Ty nejhlubší objevy nečekají nutně za příští hvězdou. Jsou uvnitř nás utkány do vláken, která nás spojují, nás všechny.
    14.3.2021 14:17 jiwopene | skóre: 31 | blog: Od každého trochu…
    Rozbalit Rozbalit vše Informace o provedených změnách v příspěvku
    2020-03-14: Upraveno, aktualizován styl, přidány bližší informace. Styl upraven pro lepší vykreslování stránek nastavení. Opraveno zobrazení kódu se zvýrazňováním syntaxe.
    .sig virus 3.2_cz: Prosím, okopírujte tento text do vaší patičky.
    |🇵🇸 avatar 14.3.2021 14:21 |🇵🇸 | skóre: 93 | blog:
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Ta posunutá patička komentáře vypadá dost divně.
    🇵🇸Touch grass🇺🇦 ✊ ani boha, ani pána
    14.3.2021 14:27 jiwopene | skóre: 31 | blog: Od každého trochu…
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    To souvisí s rámečkem komentáře – půlka rámeču je na hlavičce, druhá na divu s textem. (A patička mi občas přijde trochu rušivá, tak jsem ji dal mimo.

    Jinak pro posunutí patičky tak, aby byla zleva odsazená stejně jako text použijte toto:
    .signature {
        border: 0;
        margin-left: 1px;
        padding-left: 1rem;
    }
    .sig virus 3.2_cz: Prosím, okopírujte tento text do vaší patičky.
    Gréta avatar 15.3.2021 19:37 Gréta | skóre: 37 | blog: Grétin blogísek | 🇮🇱==❤️ , 🇵🇸==💩 , 🇪🇺==☭
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu

    todleto nastavování vlastního *.css v profilu by asi jako mohlo bejt řešení tady pro člověka s divným prohlížečem na mobilu hele :O :O

    Založit nové vláknoNahoru

    ISSN 1214-1267   www.czech-server.cz
    © 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.