Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

zmiana tła for

mikrus

Przez mikrus
w Style - pomoc

 Udostępnij

Rekomendowane odpowiedzi

mikrus Współtwórca

mikrus

Opublikowano
Opublikowano

Witam, chciałem zapytać jak zmienić kolor tła forum, a dokładniej dodać przeźroczystość, dla wyjaśnienia screen:

ekRn8.png

 

po prostu chce aby ten ciemny kolor był widoczny ale słabiej, wiem że musze chyba zastosować opacity tylko nie wiem w którym miejscu w css go użyć

Prosze o pomoc

Pozdrawiam

Odnośnik do komentarza
Udostępnij na innych stronach
mikrus Współtwórca

mikrus

Opublikowano
  • Autor
Opublikowano

Patryk, 

chodzi mi o zmiane tego "czarno szarego" koloru na całym forum, a dokładniej tak jak pisałem wyżej dodanie przeźroczystości,

 

A co do 2 - Tak przyznam się że nie kupiłem go, ale gdzie go kupić jak na markecie ips go nie ma, nie bardzo chce kupować na jakichś innych stronach, bo nie wiem czy pieniądze na pewno pójdą do jego twórcy,

Odnośnik do komentarza
Udostępnij na innych stronach
Budyn Biegły

Budyn

Opublikowano
Opublikowano
A co do 2 - Tak przyznam się że nie kupiłem go, ale gdzie go kupić jak na markecie ips go nie ma, nie bardzo chce kupować na jakichś innych stronach, bo nie wiem czy pieniądze na pewno pójdą do jego twórcy,

Tutaj: http://www.ipbforumskins.com/premade_ipb3.php

pre_1383606035__stonefly2.gif

Odnośnik do komentarza
Udostępnij na innych stronach
mikrus Współtwórca

mikrus

Opublikowano
  • Autor
Opublikowano

Zrobiłem tak:

.content{
        opacity: 0.5;
	background: #191919;
	border: 1px solid #2b2b2b;
	border-top: 1px solid #313131;
	-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
	-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
	box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
}

 

i wygląda tak jak wcześniej ( tam gdzie pisał patryk)

for1.PNG

Odnośnik do komentarza
Udostępnij na innych stronach
TRACKER Doświadczony

TRACKER

Opublikowano
Opublikowano (edytowane)

w ipb_commons.css jest ta klasa, Leihto, toś się teraz wykazał ;) ipb_styles tylko potrafisz znaleźć? WOW :D

 

Znajdź:

 

.wrapper {


    margin: 0 auto;
    max-width: 1300px;
    min-width: 980px;
    width: 90%;


}
 

Zamień na:

.wrapper {


    margin: 0 auto;
    max-width: 1300px;
    min-width: 980px;
    width: 90%;
opacity:0.1;


}
Edytowane przez TRACKER
Odnośnik do komentarza
Udostępnij na innych stronach
mikrus Współtwórca

mikrus

Opublikowano
  • Autor
Opublikowano (edytowane)

pliku ipb_commons.css nie ma ale jest  ipb_common.css

w ipb_common.css nie ma takiego czegoś jak .wrapper

Wygląda on tak:

 

/************************************************************************/
/* IP.Board 3 CSS - By Rikki Tissier - ©2008 Invision Power Services */
/************************************************************************/
/* ipb_common.css */
/************************************************************************/
 
 
/************************************************************************/
/* LIGHTBOX STYLES */
 
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 16000 !important; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('{style_images_url}/spacer.gif'); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('{style_images_url}/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('{style_images_url}/lightbox/nextlabel.gif') right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
#overlay{ position: fixed; top: 0; left: 0; z-index: 15000 !important; width: 100%; height: 500px; background-color: #000; }
 
/************************************************************************/
/*  BBCODE STYLES */
/* NOTE: These selectors style bbcodes throughout IPB. It is recommended that you DO NOT change these 
styles if you are creating a skin since it may interfere with user expectation
of what certain BBCodes look like (quote boxes are an exception to this). */
 
strong.bbc { font-weight: bold !important; }
em.bbc { font-style: italic !important; }
span.bbc_underline { text-decoration: underline !important; }
acronym.bbc { border-bottom: 1px dotted #000; }
span.bbc_center, div.bbc_center, p.bbc_center { text-align: center; display: block; }
span.bbc_left, div.bbc_left, p.bbc_left { text-align: left; display: block; }
span.bbc_right , div.bbc_right, p.bbc_right { text-align: right; display: block; }
div.bbc_indent { margin-left: 50px; }
del.bbc { text-decoration: line-through !important; }
.post.entry-content ul, ul.bbc, .as_content ul { list-style: disc outside; margin: 12px 0 12px 40px; }
.post.entry-content ul, ul.bbc ul.bbc, .as_content ul { list-style-type: circle; }
.post.entry-content ul, ul.bbc ul.bbc ul.bbc, .as_content ul { list-style-type: square; }
.post.entry-content ul.decimal,ul.bbcol.decimal, .post.entry-content ol, .post_body ol, .as_content ol { margin: 12px 0 12px 40px !important; list-style-type: decimal !important; }
.post.entry-content ul.lower-alpha, ul.bbcol.lower-alpha { margin-left: 40px; list-style-type: lower-alpha; }
.post.entry-content ul.upper-alpha, ul.bbcol.upper-alpha { margin-left: 40px; list-style-type: upper-alpha; }
.post.entry-content ul.lower-roman, ul.bbcol.lower-roman { margin-left: 40px; list-style-type: lower-roman; }
.post.entry-content ul.upper-roman, ul.bbcol.upper-roman { margin-left: 40px; list-style-type: upper-roman; }
hr.bbc { display: block; border-top: 2px solid #777; }
div.bbc_spoiler { }
div.bbc_spoiler span.spoiler_title { font-weight: bold; }
div.bbc_spoiler_wrapper { }
div.bbc_spoiler_content { background: #262626; border: 1px dashed #3b3b3b; padding: 5px; margin-top: 5px; }
input.bbc_spoiler_show { width: 45px; font-size: .8em; margin: 0px; margin-left: 5px; padding: 0px; }
img.bbc_img { cursor: pointer; }
.signature img.bbc_img { cursor: default; }
.signature a img.bbc_img { cursor: pointer; }
 
pre.prettyprint, code.prettyprint {
        background-color: #262626 !important;
        color: #eee;
        padding: 5px;
        border: 1px solid #3b3b3b;
        overflow: auto;
        font-size: 11px;
        line-height: 140%;
        font-family: monospace !important;
}
 
pre.prettyprint {
        margin: 1em auto;
        padding: 1em;
        /* white-space: pre-wrap; */
}
 
/* LEGACY @todo remove in IPS4 */
div.blockquote {
font-size: 12px;
padding: 10px;
border: 1px solid #3b3b3b;
background: #262626;
color: #9f9f9f;
}
 
div.blockquote div.blockquote {
    margin: 0 10px 0 0;
}
 
div.blockquote p.citation {
    margin: 6px 10px 0 0;
}
 
/* Quote boxes */
 
p.citation {
font-size: 12px;
padding: 8px 10px;
border: 1px solid #3b3b3b;
background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
color: #dddddd;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
}
 
blockquote.ipsBlockquote {
font-size: 12px;
padding: 10px;
border: 1px solid #3b3b3b;
border-top: 0;
background: #262626;
color: #9f9f9f;
margin-bottom: 5px;
overflow-x: auto;
}
 
blockquote.ipsBlockquote blockquote.ipsBlockquote {
margin: 0 10px 0 0;
}
 
blockquote.ipsBlockquote p.citation {
margin: 6px 10px 0 0;
}
 
blockquote.ipsBlockquote.built {
    border-top: none;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
 
._sharedMediaBbcode {
width: 520px;
background: #2a2a2a;
border: 1px solid #303030;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px;
box-shadow: inset 0,0,0,0.3) 0px 1px 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #8d8d8d;
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
padding: 10px;
min-height: 75px;
}
 
._sharedMediaBbcode img.bbc_img{ float: left; }
 
.bbcode_mediaWrap .details {
color: #8d8d8d;
font-size: 12px;
line-height: 1.5;
margin-left: 95px;
}
 
.bbcode_mediaWrap .details a {
color: #8d8d8d;
text-decoration: none;
}
 
.bbcode_mediaWrap .details h5, .bbcode_mediaWrap .details h5 a {
font: 400 20px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #8d8d8d;
word-wrap: break-word;
max-width: 420px;
}
 
.bbcode_mediaWrap img.sharedmedia_image {
float: left;
position: relative;
max-width: 80px;
}
 
.bbcode_mediaWrap img.sharedmedia_screenshot {
float: left;
position: relative;
max-width: 80px;
}
 
/* Show my media label */
.cke_button_ipsmedia span.cke_label {
display: inline !important;
}
 
.str { color: #e9c3ef !important; }
.kwd { color: #cdeaad !important; }
.com { color: #e9c3ef !important; }
.typ { color: #eadead !important; }
.lit { color: #eadead !important; }
.pun { color: #cde8b1 !important; }
.pln { color: #a6dce9 !important; }
.tag { color: #cdeaad !important; }
.atn { color: #eadead !important; }
.atv { color: #e9c3ef !important; }
.dec { color: #e9c3ef !important; }

Edytowane przez mikrus
Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.