Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Promowane odpowiedzi

maniek19    1

Witam, czy istnieje możliwość zintegrowania jakoś szablonów Flatty? Obecnie używam tego niebieskiego, ale chciałbym również wgrać ten zielony (2.0): 

I moje pytanie: czy mogę wgrać ten zielony szablon tak, żeby jakoś automatycznie jego szablony zostały zamienione moimi, żeby wszystko było tak, jak na niebieskim? Zależy mi, żeby po zmianie stylu forum zmieniał się tylko kolor, tak jak jest to np. tutaj ;)

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    725

ACP => Templates & Style => Themes => Przy nazwie stylu znajdź przycisk "Options" => Edit Theme

Wybierz u góry zakładkę "Add Stylesheet"

File Name: green.css

Attached to: Globally

Write my own content (po pojawieniu się pola wklej zawartość stylu css z flatty 2.0)

body {
	background: #eceef0;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: Sans-Serif, Arial, "Open Sans", Tahoma;
	font-size: 13px;
	overflow-y: scroll; }
a:link {
	transition: all 0.25s ease !important;
	-webkit-transition: all 0.25s ease !important;
	-moz-transition: all 0.25s ease !important;
	-o-transition: all 0.25s ease !important;
	-ms-transition: all 0.25s ease !important;
	color: #658850;
	text-decoration: none;
	}
a:visited {
	color: #658850;
	text-decoration: none;
	}
a:hover,
a:active {color: #53902E;}
#container {
	text-align: left;
	color: #333;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 13px;
	}
.wrapper {
	width: 85%;
	margin: auto auto;
	}
/* you can change the header-image here. [ image dimensions should be ~ 1920 x 390 ]  */
#logo {
	padding: 6em 0px 4.725em 0px;
	background: rgba(0,0,0,0.25);
	}
#content {
	width: auto !important;
	padding: 40px 10px;
	overflow: hidden;
	background: rgb(238, 240, 236);
	}
#header ul.menu {
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none; }
#header ul.menu li {
	margin: 0 4px;
	display: inline; }
#header ul.menu li a {
	padding-left: 20px;
	display: inline-block;
	color: #fff;
	line-height: 16px;
	font-family: "Open Sans", Sans-serif, Arial; }
#logo ul.top_links {
	text-align: right;
	margin: -10px 5px 0 0; }
#panel .upper a.logout {
	font-weight: bold;
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px; }
#panel .upper a.login,
#panel .upper a.lost_password {
	padding: 9px 14px 8px 12px;
	margin-left: 25px;
	font-weight: 300;
	background: #60A834;
	}
#panel .upper a.register {
	padding: 9px 14px 8px 12px;
    margin-left: 5px;
    font-weight: 300;
    background: #d98B3a; }
#panel .upper a.login:hover {background: #4D872A;color: #EEF0EC;}
#panel .upper a.register:hover {background: #CC8300;color: #EEF0EC;}
#panel .lower ul.panel_links { float: right; }
#panel .lower ul.user_links { float: left; }
#panel .lower ul.user_links li a {
	padding: 0;
	padding-right: 5px;
	background-image: none; }
#panel .upper {
	background: #2B352A;
	color: #fff;
	clear: both;
	padding: 20px 0px 35px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	}
#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:active { color: #fff; }
#panel .upper a:hover {color: #C9EAB5;text-decoration: none;}
#panel .lower {
	background: #efefef;
	color: #999;
	border-bottom: 1px solid #e3e3e3;
	padding: 0.725em;
    padding-top: 0.875em; }
#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active { color: #666; }
#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle; }
#search input.button,
#search input.textbox { border-color: #000;}
#search input.button { background: #0066a2 url(images/thead.png) top left repeat-x; color: #fff; }
#search input { margin: -3px 0; }
#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px; }
#footer {clear: both;background: url(images/flatty/bg_header.jpg) bottom;background-size: 100%;border-top: 2px solid black;}
#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none; }
#footer ul.menu li {
	margin: 0 5px;
	display: inline; }
#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
	overflow: hidden; }
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #777; }
#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px; }
#footer .upper .language select { border-color: #ccc; }
#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px; }
#footer .upper .theme select { border-color: #ccc; }
#footer .upper ul.bottom_links {
	float: none;
	margin: 8px -4px 7px; }
#footer .uppermid {
	overflow: hidden;
	padding: 2.5em 0px 2.8em;
	color: #aaa;
	font-size: 13px;
	background: rgba(28, 35, 27, 0.5);
	}
#footer .uppermid a:link,
#footer .uppermid a:visited { color: #676767; }
#footer .uppermid a:hover,
#footer .uppermid a:active { color: #555; }
#footer .lower {
	color: #888;
	padding: 3em 0px 2.1em;
	overflow: hidden;
	font-size: 12px;
	background: rgba(0, 0, 0, 0.5);
	}
#footer .lower a:link,
#footer .lower a:visited { color: #676767; }
#footer .lower a:hover,
#footer .lower a:active { color: #555; 	text-decoration: none; }
#footer .lower #smedia {
	float: right;
	color: #999;
	margin-top: -7px; }
#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px; }
.scaleimages img { max-width: 100%; overflow: hidden; }
.remove_buddy_button:hover { 
	color: #808080 !important;
	background: rgba(39, 174, 96, .04) !important; }
.report_user_button:hover {
	color: #728675 !important;
	background: rgba(230, 126, 34, .04) !important; }
.forum_status {
	cursor: default;
	font-size: 30px;
	padding-left: 13px; 
	text-align: center; }
.forum_status i {
	display: inline-block;
	line-height: 50px;
	color: #60A834;
	}
.forum_on { color: #0094d1; }
.forum_off, .forum_offlock, .forum_offlink { color: #333; }
.forum_off i { opacity: .7; }
.forum_offlock i:before { content: "\f023"; color: #ef7351; }
.forum_offlink i:before { content: "\f0c1"; color: #44ce9d; }
.subforumicon {
	display: inline-block;
	font-size: 13px;
	height: 10px;
	width: 10px;
	margin: 0px 5px 0px 7px; }
.subforum_minion { color: #333; }
.subforum_minioff, 
.subforum_miniofflock,
.subforum_miniofflink { color: #333; }
.subforum_minioff { opacity: .4; }
.subforum_miniofflock i:before { content: "\f023"; }
.subforum_miniofflink i:before { content: "\f0c1"; }
table {
	color: #333;
	font-size: 14px;
	font-family: "Open Sans", Sans-Serif, Arial; }
.tborder {
	background: #fff;
	width: 100%;
	margin: auto auto; }
.tfixed {
	table-layout: fixed;
	word-wrap: break-word; }
.thead {
	background: #60A834;
	color: #fff;
	font-family: Sans-Serif, Arial, "Open Sans";
	font-size: 14px;
	font-weight: 500;
	padding: 1.1em 1.325em 1em 0.975em;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	}
.thead_2 {
	background: #4B5D49;
	color: #fff;
	font-family: Sans-Serif, Arial, "Open Sans";
	font-size: 14px;
	font-weight: 500;
	padding: 1.1em 1.325em 1em 0.975em;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	}
.thead a:link {
	color: #fff;
	text-decoration: none; }
.thead a:visited {
	color: #fff;
	text-decoration: none; }
.thead a:hover,
.thead a:active {
	color: #fff;
	text-decoration: underline; }
.tcat {
	background: #CEDCC8;
	font-size: 12px;
	color: #fff;
	padding: 10px 10px 9px;
	}
.tcat a:link { /* color: #fff; */ }
.tcat a:visited { color: #fff; }
.tcat a:hover,
.tcat a:active { color: #9e906e; }
.trow1 {
	background: rgb(252, 252, 252);
	padding: 0.825em 1.075em 0.675em 0.975em; }
.trow2 {
	background: rgb(250, 250, 250);
	padding: 0.825em 1.075em 0.675em 0.975em; }
.trow_shaded {
	background: #e4f6eb;
	border: 0; }
.no_bottom_border { border-bottom: 0; }
.post.unapproved_post { background: #ffdde0; }
.post.unapproved_post .post_author { border-bottom-color: #ffb8be; }
.post.classic.unapproved_post .post_author { border-color: #ffb8be; }
.post.unapproved_post .post_controls { border-top-color: #ffb8be; }
.trow_deleted,
.post.deleted_post { background: #e8deff; }
.trow_selected,
tr.trow_selected td {
	background: #fffbd9;
	color: #333;
	border-right-color: #f7e86a;
	border-bottom-color: #f7e86a; }
.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active { color: #333; }
.trow_sep {
	background: #ddd;
	color: #333;
	padding: 7px;
	font-size: 12px;
	font-weight: bold; }
.tfoot {
	padding: 10px;
	color: #777;
	background: #BFCCB7;
	}
.tfoot a:link {
	color: #444;
	text-decoration: none; }
.tfoot a:visited {
	color: #444;
	text-decoration: none; }
.tfoot a:hover,
.tfoot a:active {
	color: #444;
	text-decoration: underline; }
.thead input.textbox,
.thead select { border: 1px solid #263c30; }
.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px; }
.navigation {
	margin-bottom: 15px;
	color: #fff;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	-ms-border-radius: 1px;
	font-family: "Open Sans", Sans-Serif, Arial;
	font-size: 13px;
	background: #8BA169;
	padding: 1.175em 1.175em 1.075em 1.275em;
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	}
.navigation a:link { text-decoration: none; color: #fff !important; }
.navigation a:visited { text-decoration: none; }
.navigation a:hover,
.navigation a:active { text-decoration: underline; }
.navigation a:focus { color: #ccc; }
.navigation .active i:before { content: "\f015"; color: #fff; }
.navigation .active {
	font-weight: 900;
	color: #fff;
	font-size: 13px; }
.smalltext {
	font-size: 13px;
	color: #888;
	font-weight: 300;
	font-family: "Open Sans", sans-serif, arial; }
.smalltext.bold { 
	font-weight: bold !important; }
.largetext {
	font-size: 17px;
	font-weight: 300; }
fieldset {
	padding: 12px;
	border: 1px solid #ddd;
	margin: 0; }
fieldset.trow1,
fieldset.trow2 { border-color: #bbb; }
fieldset.align_right { text-align: right; }
input.textbox {
	background: #fff;
	color: #999;
	border: 1px solid #ddd;
	padding: 5px 7px;
	outline: 0;
	font-size: 13px;
	font-family: "Open Sans", Tahoma, Arial, Sans-Serif; }
textarea {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	padding: 8px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px; }
select {
	background: #fff;
	padding: 6px 6px 5px 5px;
	border: 1px solid #ddd;
	outline: 0;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 13px; }
button,
input.button {
	padding: 5px 7px 4px;
	cursor: pointer;
	font-family: "Open Sans", Tahoma,Arial, Sans-Serif;
	font-size: 12px;
	background: #eee url(images/buttons_bg.png);
	border: 1px solid #ccc;
	color: #777;
	border-radius: 2px !important; }
button:hover,
input.button:hover { border-color: #bbb; }
form {
	margin: 0;
	padding: 0; }
input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30; }
input.valid, textarea.valid, select.valid { border: 1px solid #0c0; }
label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px; }
form #message { width: 500px; }
.editor {
	background: #f1f1f1;
	border: 1px solid #ccc; }
.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc; 
	margin-bottom: 5px; }
.post .editor_control_bar { background: #f5f5f5; }
.popup_menu {
	margin-top: 14px;
	z-index: 4;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .05);
	padding: 1px;
	background: rgb(255, 255, 255);
	}
.popup_menu:before {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: 0;
  height: 0;
  content: "";
  display: block;
  left: 1.4em;
  bottom: 100%;
  position: absolute;
  }
.popup_menu .popup_item { color: #444; }
.popup_menu .popup_item:hover {
	background: none;
	}
.trow_reputation_positive { background: #ccffcc; }
.trow_reputation_negative { background: #ffcccc; }
.reputation_positive { color: green; }
.reputation_neutral { color: #444; }
.reputation_negative { color: red; }
.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px; }
._neutral {
	background-color:#fafafa;
	color: #999;
	border:1px solid #ccc; }
._minus {
	background-color: #fdd2d1;
	color: #cb0200;
	border:1px solid #980201; }
._plus {
	background-color:#e8fcdc;
	color: #008800;
	border:1px solid #008800; }
img { border: none; }
img.attachment {
	border: 1px solid #00aeff;
	margin-top: 10px;
	margin-bottom: -5px;
	padding: 1px;
	border-radius: 1px; }
hr {
	background-color: #000;
	color: #000;
	height: 1px;
	border: 0px; }
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.hidden {
	display: none;
	float: none;
	width: 1%; }
.hiddenrow { display: none; }
.selectall {
	background: #fffbd9;
	border-bottom: 1px solid #f7e86a;
	color: #333;
	text-align: center; }
.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px; }
.tcat_menu > .expcolimage { margin-top: 0; }
blockquote {
	border: 1px solid #eee;
	margin: 0;
	background: #fff;
	padding: 12px; }
blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #eee;
	font-style: normal;
	display: block;
	padding-bottom: 7px;
	margin: 0 0 10px 0; }
blockquote cite span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666; }
blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0; }
.codeblock {
	border-radius: 2px !important;
		-webkit-border-radius: 2px !important;
		-moz-border-radius: 2px !important;
		-o-border-radius: 2px !important;
		-ms-border-radius: 2px !important;
	background: #fff;
	border: 1px solid #ddd;
	padding: 12px; }
.codeblock .title {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	padding-bottom: 8px;
	margin: 0 0 12px 0; }
.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px; }
.smilie { vertical-align: middle; }
.smilie_pointer { cursor: pointer; }
.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none; }
.popup_menu .popup_item_container {
	transition: all 0.2s ease 0s;
	padding: 7px;
	text-align: left; }
.popup_menu .popup_item {
	text-decoration: none;
	display: block;
	min-width: 142px;
	white-space: nowrap;
	padding: 4px 10px 5px;	}
.popup_item_container:hover { background: rgba(0, 0, 0, .03); }
.popup_menu a.popup_item:hover {text-decoration: none;color: #60A834 !important;}
.subject_new { font-weight: bold; }
.highlight {
	background: #ffffcc;
	padding-top: 3px;
	padding-bottom: 3px; }
.pm_alert {
	background: #fff6bf;
	text-align: center;
	padding: 5px 20px;
	font-size: 11px; }
.red_alert {
	margin-bottom: 1.5em;
	padding: 1em 1.55em 1em 1.2em;
	font-size: 12px;
	text-align: center;
	font-weight: 300;
	color: #fff;
	background: rgba(198, 56, 56, 0.8); }
.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active { color: #aaeeff; }
.high_warning { color: #cc0000; }
.moderate_warning { color: #f3611b; }
.low_warning { color: #ae5700; }
.online { color: #15a018; }
.offline { color: #c7c7c7; }
div.error {
	padding: 1.475em 1.275em 0.575em 1.175em;
	font-size: 14px;
	font-family: open sans, sans-serif, arial;
    color: #444;
	background: #f5d76e; }
div.error p {
	margin: 0;
	color: #333;
	font-weight: normal; }
div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #c00;
	background: url(images/error.png) no-repeat 0; }
div.error ul { margin-left: 24px; }
.pagination {
	font-size: 11px;
	padding-top: 14px;
	margin-bottom: 14px; }
.tfoot .pagination,
.tcat .pagination { padding-top: 0; }
.pagination .pages { font-weight: bold; }
.pagination .pagination_current,
.pagination a {
	padding: 5px 9px;
	margin-bottom: 3px; }
.pagination a {
	background: #f5f5f5;
	color: #888;
	border: 1px solid #ddd; }
.pagination a:link { color: #888 !important; }
.pagination a:link:hover { color: #fff !important; }
.pagination .pagination_current {
	background: none;
	color: #777;
	border: none;
	font-weight: bold; }
.pagination a:hover {
	background: #60A834;
	color: #fff;
	border-color: #4D872A;
	text-decoration: none;
	}
.pagination .go_page img { margin-bottom: -4px; }
.drop_go_page {
	background: #fff;
	padding: 7px; }
.pagination_breadcrumb {
	background-color: #fff;
	border: 1px solid #fff;
	padding: 12px 5px 11px;
	margin-top: 12px;
	font-weight: normal;
	margin-left: -2em; }
.pagination_breadcrumb:before {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: 0; height: 0;
  content: "";
  display: block;
  left: 0.5em;
  bottom: 100%;
  position: absolute; }
.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;}
.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0; }
.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px; }
.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom; }
.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0; }
.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px; }
.forum_legend dt {
	margin-right: 10px;
	float: left; }
.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px; }
.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px; }
#posts_container { padding: 0; }
.ignored_post {
	border-top: 3px solid #333;
	padding: 15px; }
.ignored_post .show_ignored_post { margin-top: -15px; }
.ignored_post .show_ignored_post a.button span { background-position: 0 -400px; }
.post {
	background: #f9f9f9;
	overflow: hidden;
	margin-bottom: 8px;
	border: 1px solid rgba(96, 168, 52, 0.26);
	}
.post.classic {
	border: 1px solid rgba(96, 168, 52, 0.26);
	margin-bottom: 7px;
	padding-top: 15px;
	background: #f9f9f9;
	}
.post .post_author {
	padding: 1em;
	overflow: hidden; }
.post.classic .post_author {
	margin: 2px 0% 18px 0px;
	float: left;
	width: 15%;
	padding: 5px 1%;
	border-right: 1px solid #eee; }
.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px; }
.post .post_author div.author_avatar {
	border-radius: 100% !important;
		-webkit-border-radius: 100% !important;
		-moz-border-radius: 100% !important;
		-o-border-radius: 100% !important;
		-ms-border-radius: 100% !important;
	float: left;
	margin-right: 3px; }
.post.classic .post_author div.author_avatar {
	text-align: center;
	float: none;
	margin: auto; }
.post .post_author div.author_avatar img { 
	background: none; 
	margin: 0px;
	padding: 0px; 
	height: 100px !important;
	width: 100px !important;
	border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
	border: 5px solid #eee; }
.post .post_author div.author_information {
	float: left;
	padding: 6px 8px; }
.post.classic .post_author div.author_information {
	float: none;
	font-family: "Open Sans", sans-serif, Arial;
	padding: 0;
	text-align: center; }
.post .post_author div.author_statistics {
	float: right;
	font-size: 12px;
	padding: 14px 18px 12px 16px;
	color: #666;
	font-family: "Open Sans", sans-serif, arial;
	line-height: 1.4; }
.post .post_author div.author_statistics_default {
	background: #eee;
	float: right;
	font-size: 12px;
	padding: 11px 18px 6px 16px;
	color: #666;
	font-family: "Open Sans", sans-serif, arial;
	line-height: 1.4; }
.post.classic .post_author div.author_statistics {
	margin: 7px 0 0 0;
	float: none; }
.post .post_head {
	border-bottom: 1px solid #eee;
	font-size: 11px;
	padding-bottom: 12px;
	margin-bottom: 7px; }
.post .post_head span.post_date { color: #888; }
.post .post_head span.edited_post {
	font-size: 10px;
	color: #999; }
.post .post_head span.edited_post a { color: #666; }
.post_body {
	font-size: 13px;
	padding: 10px 0;
	color: #555; }
.post.classic .post_content {
	border-left: 1px solid #eee;
	margin-left: -1px;
	float: left;
	width: 80%;
	padding: 5px 1.4% 5px; }
.post_content { padding: 18px 20px 10px 20px; }
.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0; }
.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999; }
.post .post_meta a:link,
.post .post_meta a:visited { color: #777; }
.post .post_meta a:hover,
.post .post_meta a:active { color: #777; }
.post_controls_default {
	padding: 0.9em;
	clear: both;
	overflow: hidden; }
.post_controls {
	overflow: hidden;
	clear: both;
	padding: 0.875em;
	background: #f5f5f5; }
.postbit_buttons > a:link,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	color: #60A834;
	padding: 7px 16px 7px 14px;
	margin: 5px 2px 2px;
	font-size: 12px;
	border: 1px solid #C9E8B5;
	}
.postbit_buttons > a:hover {
	background: #60A834;
	color: #fff;
	border: 1px solid #4D872A;
	}
.postbit_buttons a span {
	display: inline-block;
	height: 16px; }
.postbit_buttons a.postbit_qdelete span { background-position: 0 -180px; }
.postbit_buttons a.postbit_qrestore span { background-position: 0 -200px; }
.postbit_buttons a.postbit_forward_pm span { background-position: 0 -300px; }
.postbit_buttons a.postbit_delete_pm span { background-position: 0 -320px; }
a.button:link,
a.button:visited,
a.button:active {
	background: #60A834;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	margin: 2px 0px 6px;
	padding: 9px 19px 9px 14px;
	}
a.button:hover {background: #4D872A;}
a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px; }
a.button span { display: inline-block; }
a.button.new_thread_button span { background-position: 0 -340px; }
a.button.new_reply_button span { background-position: 0 -360px; }
a.button.closed_button span { background-position: 0 -380px; }
a.button.rate_user_button span { background-position: 0 -400px; }
a.button.add_buddy_button span { background-position: 0 -440px; }
a.button.remove_buddy_button span { background-position: 0 -480px; }
a.button.add_ignore_button span { background-position: 0 -460px; }
a.button.remove_ignore_button span { background-position: 0 -500px; }
a.button.report_user_button span { background-position: 0 -520px; }
.quick_jump {
	background: url(images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none; }
.pollbar {
	background: #bdc3c7;
	height: 8px; }
.pollbar .percent { display: none; }
.posticons_label { white-space: nowrap; }
/** jGrowl Start **/
/** Special IE6 Style Positioning **/
.ie6 { position: absolute; }
.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 
}
.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%; }
/** jGrowl Styling **/
.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed; }
.jGrowl.top-left {
  left: 0px;
  top: 0px; }
.jGrowl.top-right {
  right: 0px;
  top: 0px; }
.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px; }
.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px; }
.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%; }
/** Cross Browser Styling **/
.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto; }
.jGrowl-notification {
  background-color: #000;
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100));
  zoom: 1;
  width: 250px;
  padding: 1em;
  margin: 10px;
  text-align: left;
  display: none;
  word-break: break-all;
  min-height: 40px; }
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff; }
.jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: .85em; }
.jGrowl-notification .jGrowl-close {
  background: none !important;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  margin-top: -10px;
  color: #fff !important;
  font-weight: bold;
  font-size: 21px;
  padding: 0;
  cursor: pointer; }
.jGrowl-message { padding-right: 3em !important; }
.jGrowl-closer {
  background-color: #000;
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.75*100));
  zoom: 1;
  width: 250px;
  padding: 1em;
  margin: 10px;
  text-align: left;
  display: none;
  word-break: break-all;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: bold;
  text-align: center; }
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff; }
/** Hide jGrowl when printing **/
@media print {
	.jGrowl { display: none; }
}
/** jGrowl End **/
/** Modal Start **/
.modal {
	display: none;
	width: 400px;
	text-align: left;
	background: #fff; }
.modal a.close-modal {
	position: absolute;
	top: -0.7em;
    right: -2em;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/flatty/close.png) no-repeat 0 0; }
.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/flatty/spinner_big.gif) no-repeat center center;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px; }
/** Modal End **/
/** Impromptu Start **/
/*! jQuery-Impromptu - v6.2.1 - 2015-05-10 */
.jqifade{
	position: absolute; 
	background-color: #777;  }
iframe.jqifade{
	display:block;
	z-index:-1; }
div.jqi{ 
	width: 400px; 
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #fff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eee;
	padding: 7px;
	border-radius: 3px;
		-o-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-ms-border-radius: 3px; }
div.jqi .jqicontainer{  }
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; 
	right: -2px; 
	width: 18px; 
	cursor: pointer; 
	color: #bbb; 
	font-weight: bold;  }
div.jqi .jqistate{ background-color: #fff; }
div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px; 
	line-height: 20px; 
	border-bottom: solid 1px #eee; }
div.jqi .jqimessage{ 
	padding: 10px 10px 15px;
	line-height: 20px; 
	color: #555; 
	overflow: auto; }
div.jqi .jqibuttonshide{ display: none; } 
div.jqi .jqibuttons{ 
	text-align: right; 
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4; 
	background-color: #f4f4f4;
	border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		-o-border-radius: 0 0 4px 4px;
		-ms-border-radius: 0 0 4px 4px; }
div.jqi .jqibuttons button{ 
	margin: 0;
	padding: 5px 18px;
	background-color: transparent;
	font-weight: normal; 
	border: none;
	border-left: solid 1px #e4e4e4; 
	color: #888; 
	font-size: 13px;  }
div.jqi .jqibuttons button.jqidefaultbutton{ color: #489afe; }
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none; }
div.jqi .jqibuttons button[disabled]{ color: #aaa; }
.jqiwarning .jqi .jqibuttons{  background-color: #b95656; }
/* sub states */
div.jqi .jqiparentstate::after{ 
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px; }
div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		-o-border-radius: 0 0 4px 4px;
		-ms-border-radius: 0 0 4px 4px; }
div.jqi .jqisubstate .jqibuttons button{ padding: 10px 18px; }
/* arrows for tooltips/tours */
.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}
.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #fff; }
.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #fff; margin-left: -10px; }
.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #fff; }
.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #fff; }
.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #fff; margin-left: -10px; }
.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #fff; }
.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #fff; }
.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #fff; margin-top: -10px; }
.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #fff; }
.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #fff; }
.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #fff; margin-top: -10px; }
.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #fff; }
/** Impromptu End */
#panel.stick {
	position: fixed;
	top: 0;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100% !important;
	z-index: 998; }
.sicon {
	display: inline-block;
	margin-right: -1px;
	font-size: 19px;
	width: 44px;
	height: 30px;
	padding-top: 12px;
	text-align: center; }
.sicon.fb { border: 3px solid #3b5998; color: #3b5998; }
.sicon.fb:hover { background: #3b5998; color: #fff; }
.sicon.gp { border: 3px solid #dd4b39; color: #dd4b39; }
.sicon.gp:hover { background: #dd4b39; color: #fff; }
.sicon.tw { margin-right: 2px; border: 3px solid #00aced; color: #00aced; }
.sicon.tw:hover { background: #00aced; color: #fff; }
.sicon.rs { border: 3px solid #ff6600; color: #ff6600; }
.sicon.rs:hover { background: #ff6600; color: #fff; }
.sicon.lt { border: 3px solid #f9ae74; color: #f9ae74; }
.sicon.lt:hover { background: #f9ae74; color: #fff; }
.rightbutton {
	cursor: pointer;
    float: right;
	font-size: 20px;
	display: block; }
.leftbutton {
	cursor: pointer;
    float: right;
	font-size: 20px;
	display: block; }
.rightbutton:hover { color: #eee; }
.leftbutton:hover { color: #eee; }
.pmbg {
	background: #EF7351;
	display: inline-block;
	margin-top: -1px;
	margin-left: 2px;
	padding: 1px 9px 3px 8px;
	max-width: 220px;
	text-align: center;
	}
.pmbg:hover { color: #deff00; }
.ttip {
	position: relative;
	outline: none;
	text-decoration: none; }
.ttip span { 
	position: absolute;
	margin-left: -999em; }
.ttip:hover span {
	position: absolute; 
	opacity: 1;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	margin-left: 0;
	min-width: 250px;
	top: 2.275em; left: 1em;
	z-index: 99;
	font-family: "Open Sans", sans-serif, arial;
	border-radius: 1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		-o-border-radius: 1px;
		-ms-border-radius: 1p;
	transition: opacity 0.3s ease-out 0s;
		-webkit-transition: opacity 0.3s ease-out 0s;
		-moz-transition: opacity 0.3s ease-out 0s;
		-o-transition: opacity 0.3s ease-out 0s;
		-ms-transition: opacity 0.3s ease-out 0s; }
.ttbg  { 
	padding: 0.925em 1.225em 0.95em 1.075em;
	background: rgba(14, 14, 14, .73); 
	opacity: 0.3;
	transition: opacity 0.3s ease-out 0s;
		-webkit-transition: opacity 0.3s ease-out 0s;
		-moz-transition: opacity 0.3s ease-out 0s;
		-o-transition: opacity 0.3s ease-out 0s;
		-ms-transition: opacity 0.3s ease-out 0s; }
#backtop {
	position: fixed;
	margin: 0px;
	cursor: pointer;
	color: #fff;
	font-size: 17px;
	right: 35px;
	bottom: 25px;
	z-index: 72;
	padding: 1em 1.4em 1em 1.2em;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	background: rgba(96, 168, 52, 0.35);
	}
#backtop:hover {background: rgba(96, 168, 52, 0.54);}
.fa_xtra.cd {
	padding-left: 2px;
	margin-top: -2px; }
.fa_xtra.pm { 
	margin-top: -3px !important; 
	padding-right: 3px !important; }
.fa_xtra.pd { 
	margin-top: -3px !important; 
	padding-right: 5px !important; }
.fa_xtra.mp { 
	padding-right: 2px;
	margin-top: -2px; 
	margin-left: 2px; 
	font-size: 16px; 
	cursor: pointer; } 
.fa_xtra.mp:hover { color: #cfdde6; }
.fa_xtra.blue {color: #60A834;}
.fa_xtra.white { color: #bbb; }
.fa_xtra.lgreen { color: #2ecc71; }
.fa_xtra.green { color: #9e8e5a }
.fa_xtra.red { color: #f1654c; }
.fa_xtra.grey { color: #777; }
.fa_xtra.orange { color: #d98b3a; }
.clr_gry { color: #888 !important; }
.clr_wht { color: #fff !important; }
.clr_lgh { color: #ccc !important; }
.clr_grn { color: #27ae60 !important; }
.clr_drd { color: #c0392b !important; }
.onoffnew {
	display: inline-block;
	float: left; 
	height: 12px; 
	width: 12px; 
	margin-top: 9px; 
	margin-left: 5px; 
	margin-right: 16px; }
.onoffnew.onl { background: #2ecc71; }
.onoffnew.off { background: #bdc3c7; }
.fxdim44 { 
	width: 44px !important; 
	height: 44px !important; }
.fxdim70 { 
	width: 70px !important; 
	height: 70px !important; }
.fxdim100 {
	width: 100px !important;
	height: 100px !important; }
.mrgtop { margin-top: 1.2em; }
.adjst { padding-right: 1em; }
.rlx { padding-left: 0px 25px 0px 25px; }
.lstpst { 
	color: #555; 
	padding-right: 4.5em; }
.and-more { 
	font-size: 12px !important; 
	color: #444;  }
.ediedit {
	width: 99.76%; 
	padding: 5px 5px 5px 6px; 
	margin-top: -7px; 
	margin-left: -11px; }
.lftbx {
	position: relative; 
	float: left; 
	padding: 15px 0px 15px 15px; 
	width: 150px; 
	margin: 6px 0px 5px 5px; }
.adj_log {
    position: relative;
	z-index: 5;
    float: right;
	color: #888;
    margin-right: 24px;
    margin-top: -21px; }
.sdb_adj {
	float: right; 
	width: 22%; 
	margin-top: 18px;}
.postbit-icon { display: inline-block; }
.postbit-text { display: inline-block; }
.menuadj { 
	position: absolute;  
	right: 20px;
	margin-top: 3px; }
.footer-left {
	margin-top: 7px;
	float: left;
	width: 46%; }
.footer-logo {
	padding: 21px 25px 0px 0px;
	height: 110px; }
.footer-menu {
	float: right;
	margin-left: 11em; }
.footer-head {
	font-family: "Open Sans", Sans-Serif, Arial;
	font-size: 17px;
	color: #80C158;
	text-transform: uppercase;
	padding-bottom: 10px;
	}
.footer-menu:last-child { margin-left: 0em !important; }
.ft_menu { 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	margin-right: 7px; }
.ft_menu li { 
	font-size: 15px; 
	font-family: "Open Sans", Sans-serif, Arial; }
.ft_menu li a { 
	color: #aaa !important; 
	text-decoration: none; }
.ft_menu li a:hover {color: #CEDCC8 !important;}
.aroptions {
	padding: 11px 18px 9px 11px !important;
	margin-bottom: 8px !important; 
	color: #777 !important; 
	background: none !important; 
	text-align: right !important;
	border-radius: 4px !important; 
	border: 1px dashed #ccc !important; }
.box_profile { 
	text-align: center;
	color: #545454;
	height: 26px !important;
	width: 26px !important;
	line-height: 26px;
	margin-right: 9px;
	margin-left: -2px; 
	background: #f3f3f3; }
.outer-postbit {
	margin: auto auto 5px;
	display: block;
	text-align: center;
	max-width: 140px; }
a#ddcmenu {
    float: right;
    font-size: 19px;
    margin-right: 20px;
}
#ddcmenu_popup {
    margin-top: 35px;
    margin-left: -85px;
}
div#ddcmenu_popup:before {
    right: 1.8em;
    left: auto;
}
#ddcmenu_popup a {
    color: #888 !important;
}
div#ddcmenu_popup {}
#ddcmenu_popup .popup_item_container {
    padding-right: 20px;
}
#ddcmenu_popup .popup_item_container i {
    margin-right: 5px;
}
div#header {
    background: url(images/flatty/bg_header.jpg) center;
    background-size: 100%;
}
#footer .uppermid {
    border: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, black, transparent) 1 0%;
}
::-webkit-scrollbar {
	width:5px;
	height: 5px;
	background:rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb{
	background: rgba(96, 168, 52, 0.54);
	border-radius:5px;
}
.ucp-menu {
    width: 170px;
    padding: 15px 10px;
    border: 1px solid #8BA169;
    display: inline-block;
    text-align: center;
    margin: 5px;
    background: rgba(139, 161, 105, 0.1);
}
.ucp-menu i {
    display: block;
    font-size: 20px !important;
    margin-bottom: 10px;
}
div#ucp-menu-container {
    text-align: center;
}
		

I dajemy Save Stylesheet

 

Następnie przechodzimy do ACP => Templates & Style => Themes => Przy nazwie stylu znajdź przycisk "Options" => Edit Theme

 

Na liście mamy już green.css, schodzimy niżej i znajdujemy "Manage Colors".

Wpisujemy tam:

green.css = Green

I dajemy Save Theme Properties

 

Teraz wystarczy po zapisaniu (zostajemy w tej samej lokalizacji), przejść na sam dół i w "Base Color" wybrać "green", a następnie "Save Theme Properties". Gotowe.

  • Super 1
  • Wrr 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    725
38 minut temu, maniek19 napisał:

@ShanonWEB

Ok, ale jak zrobić, żeby np. w Panelu Użytkownika można było wybrać kolor niebieski albo zielony forum? :D

Domyślnie czegoś takiego nie ma. W panelu czy w stopce, nie kojarzę. Należałoby metodą prób i błędów coś wykombinować.

  • Wrr 1
  • Nie lubię tego! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Erasmux    27

Po prostu tworzysz nowy styl, w którym dodajesz te arkusze z zielonego stylu, a w jego ustawieniach wybierasz paczką szablonów tamtego stylu. W panelu usera można zmienić styl, co zmieni tylko używane arkusze stylu a szablony zostawi.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    725
8 minut temu, Erasmux napisał:

Po prostu tworzysz nowy styl, w którym dodajesz te arkusze z zielonego stylu, a w jego ustawieniach wybierasz paczką szablonów tamtego stylu. W panelu usera można zmienić styl, co zmieni tylko używane arkusze stylu a szablony zostawi.

No okej, można.

ACP => Templates & Style => Themes => Przy nazwie stylu znajdź przycisk "Options" => Duplicate Theme

Advanced Options: Zaznacz Duplicate Templates

New Name: Flatty (Niebieski)

Manage Colors

Znajdź Base color i wybierz z listy

kolejne kolory analogicznie

  • Wrr 1
  • Nie lubię tego! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Erasmux    27

Albo na stronie głównej umieścić button, który reaguje na kliknięcie zmieniając niektóre właściwości poszczególnych klas, wskazanym w kodzie JS. Wszystko ładnie zmieniłoby się na zielono, ale musiałbyś dodać do tego jakieś cookies bądź cache, aby nie trzeba było robić tego za każdym razem.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
maniek19    1

Zrobiłem jak radziliście. W tym zielonym stylu jest tylko problem z widokiem posta... No i przydałoby się jakoś przemalować dla zielonego stylu ten czat :P

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    725
15 godzin temu, Erasmux napisał:

Albo na stronie głównej umieścić button, który reaguje na kliknięcie zmieniając niektóre właściwości poszczególnych klas, wskazanym w kodzie JS. Wszystko ładnie zmieniłoby się na zielono, ale musiałbyś dodać do tego jakieś cookies bądź cache, aby nie trzeba było robić tego za każdym razem.

Wszystko da radę zrobić, ale czy masz czas, aby metodą prób i błędów podać rozwiązanie "na gotowo" nieodpłatnie? :)

14 godzin temu, maniek19 napisał:

No nie, zrobiłem. Tylko problem w wyświetlaniu posta właśnie...

Ten styl zielony różni się od tego oryginalnego, chociażby menu (navbar), także niedziwne, że są problemy. Opcja Zbadaj element powinno Tobie pomóc.

  • Lubię to! 1
  • Wrr 2

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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

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


×