Stránka 1 z 2

Pevné pozadie

Napsal: 14 dub 2013, 12:51
od King_of_KeKs
Dobrý deň,
som úplne amatér v oblasti tvorby webových stránok, ale aj napriek tomu som sa pred pár dňami rozhodol si vylepšiť webové stránky, ale narazil som na problém ohľadom pozadia.

Redakčný systém používam WordPress a tému Mystique. Nahral som si tam pozadie o veľkosti 1920x1090 pixelov. Všetko bolo bez problémov až do tej chvíle kedy som dal na stránku widget alebo napísal na stránku viac textu a bolo nutné scrollovanie. V bode kde mi pozadie končí, mi začína čierny "pás"(viz. screen nižšie), ktorý by som chcel odstrániť. Napadla ma možnosť umiestnenia pevného pozadia(stránka by sa posúvala, ale pozadie by bolo na mieste), ale neviem či to je možné pri redakčnom systéme a téme, ktorú používam.
Pokúšal som sa to dnes spraviť podľa mnohých návodov na internete, ale pri väčšine som stroskotal hneď ako som otvoril, preto by som bol rád, ak by sa mi niekto odhodlal pomôcť, aby mi napísal potrobný návod kde, čo prepísať/napísať.


Screenshot(viem, že nie je potrebný lebo ma asi všetci chápete, ale pre istotu):
Spoiler: zobrazit
Obrázek

Za upload ďakujem hernému portálu http://mc.uranus-portal.com/

Ďakujem za každý radu,
prajem príjemný zvyšok dňa, King_of_KeKs :)

Re: Pevné pozadie

Napsal: 14 dub 2013, 13:00
od Vojko
Stačí jednoducho do style.css danej šablóny pripísať k tomu backgroundu attachment na scroll.

Re: Pevné pozadie

Napsal: 14 dub 2013, 17:17
od King_of_KeKs
Pre teba hračka, pre mňa veľká veda. Nemohol by si mi to prosím ťa prepísať ty? Mne to stále nejde :roll:
V style.css mám len toto:
Spoiler: zobrazit

Kód: Vybrat vše

/*
Theme Name: Mystique
Theme URI: http://digitalnature.eu/themes/mystique/
Description: Feature-packed theme with a solid design, built-in widgets and a intuitive theme settings interface. Version 3.0 built around the Atom Framework. Designed and developed by <a href="http://digitalnature.eu/">digitalnature</a>.
Version: 3.3.2
Author: digitalnature
Author URI: http://digitalnature.eu/
Tags: light, white, two-columns, three-columns, one-column, fixed-width, flexible-width, right-sidebar, left-sidebar, bbpress, theme-options, threaded-comments, translation-ready, custom-header, editor-style
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.

   Theme designed by digitalnature. See the project page for more info and updates

   Both the design and code are released under GPL.
    http://www.opensource.org/licenses/gpl-license.

*/


Preto prikladám aj style-silver.css(silver preto lebo používam silver-logicky :D):
Spoiler: zobrazit

Kód: Vybrat vše

/*
Style Name: Silver
Color: #414141
Description: Silver color scheme
Author: digitalnature
Version: 3.0

*/

/* all theme styles must be prefixed with "style-" and have all the meta data fields as above */



a{color:#206ba4;}
a:hover{color: #54a4de;}

span.alt{color:#a6a6a6;}

#logo a:hover span.alt{color:#d7f205;}


.block .title h3,
.block .title .br,
.block .title .bl{
  background-image: url(../images/style-silver/block-t.png);
}

#meta .navi{border-color: #4a4a4a;}

#meta .navi li,
#meta .navi li a{
  background-image: url(../images/style-silver/tabs.png);
  color: #333;
  text-shadow:0px 1px 0px #eee;
}

.browser-chrome #meta .navi li a{text-shadow:0 0 0 transparent, 0px 1px 0px #eee;}

#meta .navi li.active a,
#meta .navi li.active a:hover{
  color: #fff;
  text-shadow:0px -1px 0px #000;
}

.browser-chrome #meta .navi li.active a,
.browser-chrome #meta .navi li.active a:hover{text-shadow:0 0 0 transparent, 0px -1px 0px #000;}


.comment .comment-head,
.comment .comment-head .ext{
  background-image:url(../images/style-silver/comment.png);
}

.comment .comment-head{
  color: #333;
  text-shadow: 0px 1px 0px #ddd;
}

.browser-chrome .comment .comment-head{text-shadow:0 0 0 transparent, 0px 1px 0px #ddd;}

.comment .comment-head a{
  color: #206ba4;
  text-decoration: none;
}

.comment.role-administrator > .comment-head{
  color: #ccc;
  text-shadow: 0px -1px 0px #000;
}

.browser-chrome .comment.role-administrator .comment-head{text-shadow:0 0 0 transparent, 0px -1px 0px #000;}

.comment.role-administrator > .comment-head a{
  color: #54a4de;
}


.comment.role-administrator > .comment-head,
.comment a.show:hover,
.no-fx .block a.more:hover, .block .fadeThis a.more .hover,
table.calendar td.today a, table.calendar td.today span,
.tagcloud a:hover,
.nav-footer .active > a,
.nav-footer .active-parent > a,
.nav-footer li.open > a,
.nav-footer li:hover > a{
  background-color:#414141;
}

.page-navi a:hover{
  border:1px solid #414141;
  background-color:#414141;
}

.search-form fieldset,
.search-form .submit{
  background-image:url(../images/style-silver/search.png);
}


Uff, som z toho jeleň :X

Re: Pevné pozadie

Napsal: 14 dub 2013, 18:06
od Arcas
Pevné pozadí? Cvičit, cvičit, cvičit :D

Re: Pevné pozadie

Napsal: 14 dub 2013, 18:07
od Vojko
Zložka CSS/core.css (logicky). :D
Ono neviem ako to má tá thémka v kóde, ale pravdepodobne setuješ background cez administráciu však ?
Skús pripísať k body tam daj:
background-attachment: scroll;

Re: Pevné pozadie

Napsal: 14 dub 2013, 18:31
od King_of_KeKs
Arcas vtipálek :lol:
Uff, tak core.css(na mňa s logikou nechoď, mám v tom už úplný chaos)
Áno, pozadie som dával cez administráciu(Vzhľad->Mystique settings->Design)

Skúšal som to tam nejako dať, ale nešlo to tak ti sem hodím to core.css, ktoré tam bolo(neupravené).
Súbor mal veľa znakov tak som to uploadol na uloz.to.. Link: Zde.
Heslo k súboru: 12345

Re: Pevné pozadie

Napsal: 18 dub 2013, 14:59
od King_of_KeKs
:arrow: ref
Skutočne mi to nevie niekto upraviť? :?

Re: Pevné pozadie

Napsal: 22 dub 2013, 16:56
od King_of_KeKs
:arrow: ref
Začínam si pripadať, že potrebujem pomôcť s niečím extra a pritom to má toľko webových stránok :X

Re: Pevné pozadie

Napsal: 22 dub 2013, 17:48
od Qefik
Co takhle napsat na fórum co se zabývá tvorbou stránek? Zde se řeší problémy s webhostingem, ne tvorbou stránek!

Re: Pevné pozadie

Napsal: 22 dub 2013, 18:13
od Arcas
Jak jsem psal - chce to cvičit, cvičit a cvičit. Pak budeš mít pevné pozadí jak Arnold Schwarzeneger.