Miten vaihtaa taustakuva tähän colours.css filuun

phpBB3 ongelmia. Neuvoja ja ohjeita kuinka korjata.
MOD kysymykset, niiden asennukset ja omien muokkausten ongelmat alempana olevalle MOD alueelle.
Viestiketju Lukittu
Avatar
Vallu
Oppii uutta
Oppii uutta
Viestit:21
Liittynyt:10 Touko 2009, 01:16
Paikkakunta:FinnWebb
Viesti:
Viesti Vallu
Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Vallu » 21 Heinä 2009, 14:06

Olen yrittänyt kaikkea mutten saa sellaista 2px kokoista taustakuvaa tämän colours.css tilalle, miten tämä tulee tehdä. Onko kellään tietoa? Tuo haluamani tausta-tiedosto 2px kokoinen giffi ja tekee sellaista tiivistä vinoraidoitusta missä yksi viiva on sininen ha toinen musta. Esim. taustasta jonka haluan on näkyvissä täällä http://www.finnwebb.com/fwforum/

Tässä kysymykseni colours.css, se on pidempi mutta tässä näkyy kait tärkeimmät?

Koodi: Valitse kaikki

/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
    background-image:   url('{T_THEME_PATH}/images/autumn_background.jpg');
    background-attachment: 100%;
    max-height:     100%;
	background-color: #f88f24;
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: #28313F;
}

h3 {
	border-bottom-color: #d86b2a;
	color: #ff6633;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #d86b2a;
}

hr.dashed {
	border-top-color: #d86b2a;
}

/* Search box
--------------------------------------------- */
Tässä on kyseinen common.css kokonaisuudessaan:

Koodi: Valitse kaikki

/* General proSilver Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 20px;
	min-width: 650px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
}

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #000000;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
Ylös
Avatar
Lurttinen
phpBB nub
phpBB nub
Viestit:4787
Liittynyt:13 Marras 2005, 18:41
Paikkakunta:Tampere
Viesti:
Viesti Lurttinen

Re: Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Lurttinen » 21 Heinä 2009, 15:02

Muistitko virkistää tyylit tuon muokkauksen jälkeen?
Mallineet, teemat ja kuvpaketit.
Ylös
Avatar
Vallu
Oppii uutta
Oppii uutta
Viestit:21
Liittynyt:10 Touko 2009, 01:16
Paikkakunta:FinnWebb
Viesti:
Viesti Vallu

Re: Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Vallu » 21 Heinä 2009, 15:11

Kyllä,,,tällä kertaa ole virkistänyt kaikkea, ja tyhjennellyt välimuistia mutta ei vaan tunnu toimivan. Näen keskellä ruutua aivan yläreunassa 2px pisteen...mutta se ei lähde repeat'taamaan, tosin en tiedä oikeata käskymallia sille...olisiko se jollain tavoin siitä kiinni? Vai ajaako jokin käsky tuon minun pienen taustakuvan yli??
Lurttinen kirjoitti:Muistitko virkistää tyylit tuon muokkauksen jälkeen?
Mallineet, teemat ja kuvpaketit.

Nyt olisi kyseinen tyyli ja taustakuva näkyvissä jos haluat katsoa http://www.finnwebb.com/fwforum/
Siis se taustakuva jonka haluan pois, ja pois sen saa, mutta silloin on harmaata, haluaisin se sinisen joka näkyi edellisessä viestissä. Poistan tyylin kun olet käynyt vilkaisemassa joten jos voit kertoa...kävitkö?
Ylös
Avatar
Lurttinen
phpBB nub
phpBB nub
Viestit:4787
Liittynyt:13 Marras 2005, 18:41
Paikkakunta:Tampere
Viesti:
Viesti Lurttinen

Re: Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Lurttinen » 21 Heinä 2009, 15:33

Sain
Vallu kirjoitti:Kyllä,,,tällä kertaa ole virkistänyt kaikkea, ja tyhjennellyt välimuistia mutta ei vaan tunnu toimivan. Näen keskellä ruutua aivan yläreunassa 2px pisteen...mutta se ei lähde repeat'taamaan, tosin en tiedä oikeata käskymallia sille...olisiko se jollain tavoin siitä kiinni?
Kurkkaas tänne. :)
http://www.w3schools.com/css/css_background.asp
Näillä ohjeilla pitäs lähteä toimimaan. :)
Ylös
Avatar
Vallu
Oppii uutta
Oppii uutta
Viestit:21
Liittynyt:10 Touko 2009, 01:16
Paikkakunta:FinnWebb
Viesti:
Viesti Vallu

Re: Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Vallu » 21 Heinä 2009, 15:40

Kiitos ohjeista, mutta voistko malliksi auttaa ja kirjoittaa miten sen tulisi muotoilla, eli laittaa miten sen tulee olla? En ole kovin hyvä näissä koodauksissa sen takia tämä ystävällinen pyyntö :oops:
Lurttinen kirjoitti:Sain
Vallu kirjoitti:Kyllä,,,tällä kertaa ole virkistänyt kaikkea, ja tyhjennellyt välimuistia mutta ei vaan tunnu toimivan. Näen keskellä ruutua aivan yläreunassa 2px pisteen...mutta se ei lähde repeat'taamaan, tosin en tiedä oikeata käskymallia sille...olisiko se jollain tavoin siitä kiinni?
Kurkkaas tänne. :)
http://www.w3schools.com/css/css_background.asp
Näillä ohjeilla pitäs lähteä toimimaan. :)
Ylös
Avatar
Vallu
Oppii uutta
Oppii uutta
Viestit:21
Liittynyt:10 Touko 2009, 01:16
Paikkakunta:FinnWebb
Viesti:
Viesti Vallu

Re: Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Vallu » 21 Heinä 2009, 16:06

Kokeilin tätä mutta ihan samaa eli ei taustaa :(
[code/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
background-image: url('{T_THEME_PATH}/images/bg_page.gif');
background-repeat: repeat;
background-attachment: 100%;
max-height: 100%;
background-color: #f88f24;
}
[/code]
Vallu kirjoitti:Kiitos ohjeista, mutta voistko malliksi auttaa ja kirjoittaa miten sen tulisi muotoilla, eli laittaa miten sen tulee olla? En ole kovin hyvä näissä koodauksissa sen takia tämä ystävällinen pyyntö :oops:
Lurttinen kirjoitti:Sain
Vallu kirjoitti:Kyllä,,,tällä kertaa ole virkistänyt kaikkea, ja tyhjennellyt välimuistia mutta ei vaan tunnu toimivan. Näen keskellä ruutua aivan yläreunassa 2px pisteen...mutta se ei lähde repeat'taamaan, tosin en tiedä oikeata käskymallia sille...olisiko se jollain tavoin siitä kiinni?
Kurkkaas tänne. :)
http://www.w3schools.com/css/css_background.asp
Näillä ohjeilla pitäs lähteä toimimaan. :)
Ylös
Avatar
Vallu
Oppii uutta
Oppii uutta
Viestit:21
Liittynyt:10 Touko 2009, 01:16
Paikkakunta:FinnWebb
Viesti:
Viesti Vallu

Re: Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Vallu » 21 Heinä 2009, 16:07

Kokeilin tätä mutta ihan samaa eli ei taustaa :(
[code/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
background-image: url('{T_THEME_PATH}/images/bg_page.gif');
background-repeat: repeat;
background-attachment: 100%;
max-height: 100%;
background-color: #f88f24;
}
[/code]
Vallu kirjoitti:Kiitos ohjeista, mutta voistko malliksi auttaa ja kirjoittaa miten sen tulisi muotoilla, eli laittaa miten sen tulee olla? En ole kovin hyvä näissä koodauksissa sen takia tämä ystävällinen pyyntö :oops:
Lurttinen kirjoitti:Sain
Vallu kirjoitti:Kyllä,,,tällä kertaa ole virkistänyt kaikkea, ja tyhjennellyt välimuistia mutta ei vaan tunnu toimivan. Näen keskellä ruutua aivan yläreunassa 2px pisteen...mutta se ei lähde repeat'taamaan, tosin en tiedä oikeata käskymallia sille...olisiko se jollain tavoin siitä kiinni?
Kurkkaas tänne. :)
http://www.w3schools.com/css/css_background.asp
Näillä ohjeilla pitäs lähteä toimimaan. :)
Ylös
Avatar
Vallu
Oppii uutta
Oppii uutta
Viestit:21
Liittynyt:10 Touko 2009, 01:16
Paikkakunta:FinnWebb
Viesti:
Viesti Vallu

Re: Miten vaihtaa taustakuva tähän colours.css filuun

Viesti Kirjoittaja Vallu » 21 Heinä 2009, 16:31

Ongelma RATKAISTU, ei syytä miettiä enää, löysin jonkun samanlaisen kysymyksen vastauksen tekijän sivulta, se toteutettiin näin!

Sekä colours.css että borders.css tuli muuttaa tällaiseksi:

Koodi: Valitse kaikki

html, body {
   background-color: #A0A0A0;
   background-position: top center;
   background-color: #FFFFFF;
   background-image: url("{T_THEME_PATH}/images/bg.gif");
   background-attachment: fixed;
   background-repeat: repeat;
Ylös
Viestiketju Lukittu

Palaa sivulle “phpBB 3.0 tuki”

Paikallaolijat

Käyttäjiä lukemassa tätä aluetta: Bing [Bot], Majestic-12 [Bot] ja 146 vierailijaa