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 08:00 | Nová verze

    Po půl roce vývoje od vydání verze 5.8 byla vydána nová verze 5.9 svobodného open source redakčního systému WordPress. Kódové označení Josephine bylo vybráno na počest jazzové zpěvačky, herečky, tanečnice a bojovnice za svobodu a rovnoprávnost Josephine Bakerové.

    Ladislav Hagara | Komentářů: 0
    dnes 07:00 | Bezpečnostní upozornění

    Byly zveřejněny informace o zranitelnosti PwnKit zneužitelné k lokální eskalaci práv, aneb rootem snadno a rychle, pomocí pkexec z balíčku polkit. Jedná se o CVE-2021-4034 s CVSS 7.8. Zranitelné jsou všechny verze pkexec od první verze vydané v květnu 2009, tj. posledních více než 12 let. V upstreamu je chyba již opravena.

    Ladislav Hagara | Komentářů: 5
    včera 16:55 | Nová verze

    Flameshot (GitHub), nástroj pro vytváření a úpravu snímků obrazovky postavený nad frameworkem Qt, byl vydán ve verzi 11.0.0. Změněno bylo číslování verzí. Verze 11 následuje po verzi 0.10.

    Ladislav Hagara | Komentářů: 2
    včera 09:00 | Komunita

    V pátek 28. ledna začíná 14. ročník konference DevConf.CZ. Jde o každoroční komunitní konferenci pro vývojáře, administrátory, DevOps inženýry, testery, autory dokumentace a další přispěvatele či uživatele technologií open source. Konference proběhne podruhé online, a to v termínu 28. - 29. ledna.

    … více »
    Dorka | Komentářů: 6
    včera 08:00 | Nová verze

    Byla vydána nová verze 2.35.0 distribuovaného systému správy verzí Git. Přispělo 93 vývojářů, z toho 35 nových. Přehled novinek v příspěvku na blogu GitHubu a v poznámkách k vydání.

    Ladislav Hagara | Komentářů: 1
    včera 07:00 | Zajímavý software

    Giada je open source minimalistický softwarový nástroj pro tvorbu hudby navržený pro diskžokeje, elektronické hudebníky a živou produkci. Vydána byla verze 0.20.0 aneb Alicanto. Vedle zdrojových kódů je ke stažení také balíček ve formátu AppImage.

    Ladislav Hagara | Komentářů: 0
    včera 06:00 | Nová verze

    Byla vydána první alfa verze nové major verze 4.0 multiplatformního open source herního enginu Godot (Wikipedie, GitHub). Přehled novinek v příspěvku na blogu.

    Ladislav Hagara | Komentářů: 3
    24.1. 18:11 | Komunita

    Vývojáři Ubuntu MATE oznámili vydání Ubuntu MATE 21.10 pro 8 palcový UMPC notebook GPD Pocket 3.

    Ladislav Hagara | Komentářů: 0
    24.1. 13:22 | Zajímavý software

    Počítačová hra Oil Rush (Wikipedie) od UNIGINE běžící také na Linuxu byla vydána 25. ledna 2012. K desátému výročí je hra na Steamu zdarma.

    Ladislav Hagara | Komentářů: 0
    24.1. 12:44 | Nová verze

    Byla vydána nová verze 1.10.0 multiplatformního frontendu k emulátorům, herním enginům a multimediálním přehrávačům RetroArch (Wikipedie). Přehled novinek v příspěvku na blogu. RetroArch je k dispozici také na Steamu.

    Ladislav Hagara | Komentářů: 0
    Jestliže jste používali distribuci CentOS Linux, jejíž konec byl oznámen před rokem, kam jste přešli?
     (30%)
     (1%)
     (8%)
     (20%)
     (1%)
     (4%)
     (36%)
    Celkem 214 hlasů
     Komentářů: 14, poslední 14.1. 14:44
    Rozcestník

    Alternativní světlý vzhled webu

    12.3.2021 00:00 | Přečteno: 1786× | 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: 77 | 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: 30 | 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: 11 | 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: 1
    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: 77 | 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: 30 | 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: 30 | 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: 30 | 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.
    Fluttershy, yay! avatar 14.3.2021 14:21 Fluttershy, yay! | skóre: 89 | blog:
    Rozbalit Rozbalit vše Re: Alternativní světlý vzhled webu
    Ta posunutá patička komentáře vypadá dost divně.
    War on Xmas ✊ no gods, no masters ✊ coup by powerpoint
    14.3.2021 14:27 jiwopene | skóre: 30 | 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: 34 | blog: Grétin blogísek | Stockholm
    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.