Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
wendigo 


Pomógł: 4 razy
Dołączył/a: 18 Lis 2012
Posty: 307

Wysłany:    [blog.pl] Arjuna Pro 1.0 - jak to ugryźć?

Nawet nie wiem jak ująć mój problem, tak nas cudownie uszczęśliwiła administracja blog.pl :zdegustowany:
No to jak w temacie: jedyny edytowalny szablon to Arjuna Pro, więc go wybrałem. Problem w tym, że nie wiem co dalej, arkusz stylów jest okropnie długi z czego większość nie mam pojęcia do czego się odnosi.

tak to wygląda:

Kod


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight:normal;
}
ol, ul {
list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
abbr {
border:0;
}

/**
* WordPress Static
*/

.alignleft {
float:left;
text-align:left;
margin-right:10px;
}
.alignright {
float:right;
text-align:right;
margin-left:10px;
}
.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

.wp-caption {
text-align:center;
padding:7px 2px 2px;
}
.wp-caption p.wp-caption-text {
font-size:12px;
line-height:17px;
padding:2px 4px 5px;
margin:0;
color:#555;
font-style:italic;
}
blockquote,
pre {
background:url(.././images/blockquote.png) 3px 3px no-repeat;
padding:4px 12px 0 40px;
margin:5px 0;
word-wrap:break-word;
overflow:hidden;
font-style:italic;
}
.more-link,
.more-link:visited,
.more-link:hover {
font-size:11px;
color:#999;
text-decoration:none;
}

/**
* Main design
*/

body {
background:#d9d9d9 url(.././images/pageBG.png) repeat-x 0 0;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
line-height:normal;
}

/* Links */
a, a:visited {
text-decoration:none;
color:#5c7a99;
}
a:hover {
text-decoration:underline;
}

/* Standard buttons */
a.btn,
a.btn:hover {
display:-moz-inline-stack;
display:inline-block;
height:18px;
background:url(.././images/icons.png) no-repeat 0 -220px;
color:#5c7a99;
text-decoration:none;
margin:0 0 0 10px;
}
.btn span {
display:block;
height:18px;
margin-left:21px;
background:url(.././images/icons.png) no-repeat 100% -60px;
line-height:18px;
font-size:11px;
padding:0 15px 0 8px;
}
a.btn:hover span {
background-position:100% -80px;
}

/* Miscellaneous */
.clear {
display:block;
clear:both;
}


a#skipToPosts {
position:absolute;
top:0;
left:-999em;
}

.pageContainer {
text-align:left;
width:980px;
margin:0 auto;
position:relative;
overflow:hidden;
z-index:1;
}

.headerBG {
width:1000px;
height:140px;
position:absolute;
top:0;
left:-10px;
background:url(.././images/headerBG.png) no-repeat 0 0;
}
.header {
position:relative;
z-index:2;
margin:0 10px;
}
.headerMain {
position:relative;
}
.headerMain h1 {
position:absolute;
left:50px;
top:10px;
color:#36414d;
font-size:40px;
font-family:"Times New Roman", Times, serif;
}
.headerMain h1 a,
.headerMain h1 a:visited,
.headerMain h1 a:hover {
color:#36414d;
font-size:40px;
font-family:"Times New Roman", Times, serif;
text-decoration:none;
}
.headerMain span {
position:absolute;
left:52px;
top:53px;
color:#666;
font-size:14px;
font-family:"Times New Roman", Times, serif;
}

/*
* Header Versions
*/
.header_lightBlue {
height:89px;
background:url(.././images/header/lightBlue.jpg) no-repeat 0 0;
}

.header_darkBlue {
height:89px;
background:url(.././images/header/darkBlue.jpg) no-repeat 0 0;
}
.header_darkBlue h1,
.header_darkBlue h1 a,
.header_darkBlue h1 a:visited,
.header_darkBlue h1 a:hover {
color:#0f2033;
}
.header_darkBlue span {
color:#4d4d4d;
}

.header_khaki {
height:89px;
background:url(.././images/header/khaki.jpg) no-repeat 0 0;
}
.header_khaki h1,
.header_khaki h1 a,
.header_khaki h1 a:visited,
.header_khaki h1 a:hover {
color:#4d2d16;
}
.header_khaki span {
color:#5f4e3a;
}

.header_seaGreen {
height:89px;
background:url(.././images/header/seaGreen.jpg) no-repeat 0 0;
}
.header_seaGreen h1,
.header_seaGreen h1 a,
.header_seaGreen h1 a:visited,
.header_seaGreen h1 a:hover {
color:#003330;
}
.header_seaGreen span {
color:#33504e;
}



.headerSearch {
width:200px;
height:25px;
position:absolute;
bottom:0;
right:1px;
background:url(.././images/headerSearch.png) no-repeat 0 0;
}
.headerMain .searchQuery {
display:block;
float:left;
padding:6px 5px 5px 10px;
width:157px;
height:14px;
font-size:11px;
border:0;
color:#333;
background:none;
}
.headerMain .searchQueryIA {
color:#888b8d;
font-style:italic;
}
.headerMain .searchButton {
display:block;
float:left;
margin-left:3px;
width:25px;
height:25px;
padding:0;
border:0;
background:none;
text-indent:-1000px;
cursor:pointer;
}

/* When the option to disable header menu 1 is set */
/*.hideHeaderMenu1 .headerBG {
height:113px;
background-position:0 -27px;
}
*/

/* Content Wrapper */
.contentWrapper {
min-height:350px;
padding:20px;
}

.headerMenu1 {
z-index:3;
position:relative;
min-height:25px;
background:url(.././images/headerMenu1.png) no-repeat 0 bottom;
}
.headerMenu1 ul {
float:right;
margin:0 20px;
}
.headerMenu1L ul {
float:left;
}
.headerMenu1 ul li {
float:left;
height:24px;
position:relative;
z-index:1;
}
.headerMenu1 li a,
.headerMenu1 li a:visited {
display:block;
height:24px;
line-height:24px;
color:#a6a6a6;
font-size:11px;
text-decoration:none;
padding:0 8px;
}
.headerMenu1 li a:hover {
color:#bfbfbf;
text-decoration:none;
}
.headerMenu1 ul ul {
position:absolute;
top:24px;
right:0;
display:none;
background-color:#dbdddd;
border:1px solid #000;
margin:0;
z-index:1;
}
.headerMenu1L ul ul {
right:auto;
left:0;
}
.headerMenu1 li li {
float:none;
width:180px;
height:auto;
}
.headerMenu1 li li a,
.headerMenu1 li li a:visited {
height:auto;
line-height:20px;
padding:0 8px;
width:164px;
position:relative;
color:#333;
}
.headerMenu1 li li a:hover {
background:#cacccc;
padding:0 8px;
color:#333;
}
.headerMenu1 li:hover ul,
.headerMenu1 li.jHover ul {
display:block;
}
.headerMenu1 ul ul ul,
.headerMenu1 li:hover ul ul,
.headerMenu1 li.jHover ul ul {
display:none;
top:3px;
right:175px;
}
.headerMenu1L ul ul ul,
.headerMenu1L li:hover ul ul,
.headerMenu1L li.jHover ul ul {
right:auto;
left:175px;
}
.headerMenu1 li li:hover ul,
.headerMenu1 li li.jHover ul {
display:block;
}

.headerMenu2 {
position:relative;
z-index:2;
background:url(.././images/headerMenu2.png) no-repeat 0 0;
}
.headerMenu2 ul {
margin:0 20px;
height:26px;
}
.headerMenu2DS ul {
padding-left:2px;
background:url(.././images/headerMenu2.png) no-repeat -958px -120px;
}
.headerMenu2 li {
float:left;
height:26px;
position:relative;
z-index:1;
}
.headerMenu2DS li {
background:url(.././images/headerMenu2.png) no-repeat right -120px;
padding-right:2px;
}
.headerMenu2 li a,
.headerMenu2 li a:visited {
display:block;
line-height:26px;
height:26px;
color:#fff;
font-size:12px;
text-decoration:none;
padding:0 8px;
}
.headerMenu2 li a:hover {
background:url(.././images/headerMenu2.png) no-repeat -25px -60px;
color:#ddd;
text-decoration:none;
}
.headerMenu2 ul ul {
position:absolute;
top:25px;
left:0;
display:none;
background:#dbdddd;
border:1px solid #000;
margin:0;
z-index:1;
height:auto;
padding:0;
}
.headerMenu2 li li {
float:none;
width:180px;
height:auto;
background:none;
padding-right:0;
}
.headerMenu2 li li a,
.headerMenu2 li li a:visited {
height:auto;
line-height:20px;
padding:0 8px;
width:164px;
position:relative;
color:#333;
}
.headerMenu2 li li a:hover {
background:#cacccc;
color:#333;
}
.headerMenu2 li:hover ul,
.headerMenu2 li.jHover ul {
display:block;
}
.headerMenu2 ul ul ul,
.headerMenu2 li:hover ul ul,
.headerMenu2 li.jHover ul ul {
top:3px;
display:none;
left:175px;
}
.headerMenu2 li li:hover ul,
.headerMenu2 li li.jHover ul {
display:block;
}

.headerMenu2 li a.homeIcon,
.headerMenu2 li a.homeIcon:visited {
background:url(.././images/headerMenu2.png) no-repeat 0 -120px;
padding-left:26px;
}
.headerMenu2 li a.homeIcon:hover {
background:url(.././images/headerMenu2.png) no-repeat 0 -60px;
}

h3.contentHeader {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
border-bottom:1px solid #8c8c8c;
padding-bottom:4px;
text-align:center;
margin:10px 0 40px;
}
h3.contentHeader em {
font-style:normal;
font-weight:bold;
}

.postHeader {
}
.postTitle {
font-weight:bold;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
}
.postHeader .postTitle {
background:url(.././images/heading.png) no-repeat 0 0;
padding-left:15px;
margin-right:15px;
}
.postHeader .postTitle span {
display:block;
background:url(.././images/heading.png) no-repeat right 0;
padding:8px 15px 7px;
margin-right:-15px;
}
.postTitle a,
.postTitle a:visited,
.postTitle a:hover {
text-decoration:none;
color:#000;
}
.postHeader .bottom {
background:url(.././images/heading.png) no-repeat 0 -60px;
padding-left:15px;
margin-right:15px;
}
.postHeader .bottom div {
background:url(.././images/heading.png) no-repeat right -60px;
padding:0 15px;
margin-right:-15px;
height:22px;
position:relative;
}
.postDate {
display:block;
float:left;
font-size:11px;
color:#555;
line-height:22px;
background:url(.././images/heading.png) no-repeat 0 -86px;
padding-left:20px;
}
.postAuthor {
display:block;
float:left;
font-size:11px;
color:#555;
line-height:22px;
background:url(.././images/heading.png) no-repeat -200px -86px;
padding-left:15px;
margin-left:15px;
}
.postAuthor a {
color:#555;
}

.postHeaderCompact {
background:url(.././images/heading.png) no-repeat 0 -120px;
padding-left:15px;
margin:0 15px 40px 0;
}
.postHeaderCompact .inner {
display:block;
background:url(.././images/heading.png) no-repeat right -120px;
padding:0 15px;
margin-right:-15px;
position:relative;
}
.postHeaderCompact .postTitle {
margin-bottom:-30px;
position:relative;
z-index:1;
top:8px;
}
.postHeaderCompact .bottom {
background:url(.././images/heading.png) no-repeat 0 -152px;
padding-left:15px;
margin:0 15px 0 -30px;
position:relative;
bottom:-26px;
height:26px;
}
.postHeaderCompact .bottom span {
display:block;
background:url(.././images/heading.png) no-repeat right -152px;
padding:0 15px;
margin-right:-30px;
height:26px;
position:relative;
}

.postCommentLabel {
display:block;
height:16px;
position:absolute;
right:20px;
top:3px;
background:url(.././images/icons.png) no-repeat 0 0;
}
.postCommentLabel span {
display:block;
height:16px;
margin-left:21px;
background:url(.././images/icons.png) no-repeat 100% -20px;
line-height:16px;
font-size:11px;
padding:0 15px 0 8px;
color:#555;
}
a.postCommentLabel span {
color:#5c7a99;
}
a.postCommentLabel:hover span {
background-position:100% -40px;
}
a.postCommentLabel:hover {
text-decoration:none;
}

.postContent {
color:#555;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:20px;
margin:20px 15px;
overflow:hidden;
}
.postContent p {
margin:0 0 15px;
}
.postContent table {
border-collapse:collapse;
margin:5px 0 10px;
}
.postContent th,
.postContent td {
border:1px solid #aaa;
padding:3px 10px;
text-align:left;
vertical-align:top;
}
.postContent th {
background:#e5e5e5;
}
.postContent em {
font-style:italic;
}
.postContent strong {
font-weight:bold;
}
.postContent ul,
.postContent ol {
margin-bottom:15px;
}
.postContent ul ul,
.postContent ol ol {
margin-bottom:0;
}
.postContent ul li {
list-style:disc;
margin-left:25px;
}
.postContent ul ul li {
list-style:circle;
}
.postContent ul ul ul li {
list-style:square;
}
.postContent ul ul ul ul li {
list-style:disc;
}
.postContent ol li {
list-style:decimal;
margin-left:25px;
}
.postContent ol ol li {
list-style:lower-alpha;
}
.postContent ol ol ol li {
list-style:lower-roman;
}
.postContent ol ol ol ol li {
list-style:decimal;
}
.postContent h1 {
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
.postContent h2 {
font-size:15px;
font-weight:bold;
margin-bottom:10px;
}
.postContent h3 {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}
.postContent h4 {
font-size:13px;
font-weight:bold;
margin-bottom:10px;
}

.postFooter {
background:url(.././images/postFooter.png) no-repeat 0 0;
margin:0 40px 20px 0;
padding-left:40px;
position:relative;
min-height:33px;
}
.postFooter .r {
height:33px;
background:url(.././images/postFooter.png) no-repeat 100% 0;
width:40px;
position:absolute;
right:-40px;
top:0;
}
.postFooter .left {
margin-left:-20px;
margin-right:130px;
overflow:hidden;
padding-top:8px;
}
.postCategories {
background:url(.././images/icons.png) no-repeat 0px -99px;
padding-left:25px;
font-size:11px;
margin-right:20px;
float:left;
}
.postTags {
background:url(.././images/icons.png) no-repeat 0px -150px;
padding-left:25px;
font-size:11px;
float:left;
}
.postTags i {
color:#777;
}

.postEdit,
a.postEdit:hover {
position:absolute;
top:8px;
right:-20px;
height:18px;
background:url(.././images/icons.png) no-repeat 0 -340px;
color:#5c7a99;
text-decoration:none;
}
a.postEdit:hover {
text-decoration:none;
}
.postEdit span {
display:block;
height:18px;
margin-left:21px;
background:url(.././images/icons.png) no-repeat 100% -60px;
line-height:18px;
font-size:11px;
padding:0 15px 0 8px;
}
.postEdit:hover span {
background-position:100% -80px;
}

.postReadMore,
a.postReadMore:hover {
position:absolute;
top:8px;
right:-20px;
height:18px;
background:url(.././images/icons.png) no-repeat 0 -220px;
color:#5c7a99;
text-decoration:none;
}
a.postReadMore:hover {
text-decoration:none;
}
.postReadMore span {
display:block;
height:18px;
margin-left:21px;
background:url(.././images/icons.png) no-repeat 100% -60px;
line-height:18px;
font-size:11px;
padding:0 15px 0 8px;
}
.postReadMore:hover span {
background-position:100% -80px;
}

/**
* Comments
*/

.noComments {
margin:0 0 40px;
}

.postComments {
margin-top:30px;
}
.commentHeader {
height:30px;
background:url(.././images/icons.png) repeat-x 0 -172px;
margin-bottom:20px;
overflow:hidden;
}
.commentHeader h4 {
float:left;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
line-height:30px;
margin:0 20px 0 15px;
}
a.btnTrackback,
a.btnTrackback:hover {
background-position:0 -260px;
margin-top:5px;
}
a.btnReply,
a.btnReply:hover {
background-position:0 -240px;
margin-top:5px;
}

li.comment {
overflow:hidden;
margin-bottom:20px;
}
li.comment li {
margin:2px 0 0;
}
.comment .avatar {
border:1px solid #a6a6a6;
background-color:#d9d9d9;
padding:1px;
float:left;
margin-top:8px;
}
.comment .message {
margin-left:50px;
}
.comment .message .t {
height:40px;
background:url(.././images/comment.png) no-repeat 0 0;
margin-right:10px;
}
.comment .message .t div {
height:40px;
width:10px;
background:url(.././images/comment.png) no-repeat -990px 0;
float:right;
margin-right:-10px;
}
.comment .message .i {
border:1px solid #bfbfbf;
border-width:0 1px;
background-color:#f2f2f2;
margin:0 0 0 17px;
padding:1px 0;
}
.comment .message .i .i2 {
margin:-37px 15px 0;
position:relative;
padding-top:14px;
}
.comment .message .i span {
font-size:11px;
}
.comment .message .i .title {
display:block;
position:absolute;
top:0;
left:5px;
}
.comment .message .i .links {
display:block;
position:absolute;
top:0;
right:5px;
}
.comment .message .b {
height:11px;
background:url(.././images/comment.png) no-repeat 0 -40px;
margin-right:10px;
}
.comment .message .b div {
height:11px;
width:10px;
background:url(.././images/comment.png) no-repeat -990px -40px;
float:right;
margin-right:-10px;
}
.comment .message p,
.comment .message ul {
margin-top:10px;
font-size:12px;
line-height:150%;
}

.commentList ul.children {
margin:0 0 0 20px;
clear:both;
}


.commentListAlt .thread-odd .avatar,
.commentListRight .comment .avatar {
float:right;
}
.commentListAlt .thread-odd .message,
.commentListRight .comment .message {
margin:0 50px 0 0;
}
.commentListAlt .thread-odd .message .t,
.commentListRight .comment .message .t {
margin:0 0 0 10px;
background-position:right -60px;
}
.commentListAlt .thread-odd .message .t div,
.commentListRight .comment .message .t div {
background-position:0 -60px;
float:left;
margin:0 0 0 -10px;
}
.commentListAlt .thread-odd .message .i,
.commentListRight .comment .message .i {
margin:0 17px 0 0;
}
.commentListAlt .thread-odd .message .b,
.commentListRight .comment .message .b {
background-position:right -100px;
margin:0 0 0 10px;
}
.commentListAlt .thread-odd .message .b div,
.commentListRight .comment .message .b div {
background-position:0 -100px;
float:left;
margin:0 0 0 -10px;
}

.commentListAlt .thread-odd ul.children,
.commentListRight .comment ul.children {
margin:0 20px 0 0;
}

/* Comment pagination */
.commentNavigation {
height:24px;
background:url(.././images/pagination.png) no-repeat 0 -30px;
margin:30px 10px 0 0;
}
.commentNavigation div {
height:24px;
background:url(.././images/pagination.png) no-repeat right -30px;
margin:0 -10px 0 10px;
padding:0 20px 0 10px;
}
.commentNavigation span,
.commentNavigation a
{
display:block;
float:left;
height:18px;
border:1px solid #9a9a9a;
margin:1px;
color:#5c7a99;
font-size:11px;
line-height:18px;
padding:1px 7px;
background:#fff url(.././images/pagination.png) no-repeat -15px -99px;
}
.commentNavigation a:hover {
background-position:-15px -124px;
text-decoration:none;
}
.commentNavigation .title {
display:block;
float:left;
color:#808080;
height:22px;
line-height:22px;
padding:0 15px 0 25px;
font-size:11px;
border:none;
background:url(.././images/pagination.png) no-repeat 0 -61px;
}
.commentNavigation .gap {
color:#808080;
height:22px;
line-height:22px;
font-size:11px;
padding:0 8px;
border:none;
background:none;
}
.commentNavigation .current {
float:left;
margin:-2px 1px -2px 0;
height:24px;
line-height:24px;
background:#fff url(.././images/pagination.png) no-repeat 0 -149px;
padding:1px 9px;
font-weight:bold;
color:#808080;
}

.commentNavigation .newer,
.commentNavigation .older {
display:block;
background:none;
padding:0;
border:0;
margin:0;
}
.commentNavigation .newer a {
background:#fff url(.././images/pagination.png) no-repeat 0 -99px;
padding-left:20px;
}
.commentNavigation .newer a:hover {
background-position:0 -124px;
}
.commentNavigation .older {
float:right;
}
.commentNavigation .older a {
background:#fff url(.././images/pagination.png) no-repeat right -99px;
padding-right:20px;
}
.commentNavigation .older a:hover {
background-position:right -124px;
}


.commentReply {
padding-top:20px;
}
.replyHeader {
overflow:hidden;
height:30px;
background:url(.././images/icons.png) repeat-x 0 -172px;
margin-bottom:20px;
}
.replyHeader h4 {
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
line-height:30px;
margin:0 20px 0 15px;
float:left;
}
.cancelReply {
display:inline;
}
a.btnCancel,
a.btnCancel:hover {
margin-top:5px;
background-position:0 -320px;
}
.commentReply .replyLoggedIn {
color:#666;
font-family:Verdana, Geneva, sans-serif;
margin:0 10px 10px;
font-size:11px;
line-height:18px;
}
.commentReply .replyRow {
margin-bottom:2px;
}
.commentReply .inputText {
background:#f2f2f2 url(.././images/inputText.png) no-repeat 0 0;
border:1px solid #999;
padding:3px 8px;
font-size:13px;
width:184px;
font-family:Verdana, Geneva, sans-serif;
}
.commentReply textarea {
font-family:Verdana, Geneva, sans-serif;
background:#f2f2f2 url(.././images/inputText.png) no-repeat 0 0;
border:1px solid #999;
padding:3px 8px;
font-size:13px;
width:98%;
height:120px;
}
.commentReply .inputIA {
color:#999;
font-style:italic;
}
.commentReplyActive {
padding:20px;
margin:20px 0;
border:1px dashed #999;
}
.commentReplyActive .replyHeader {
margin:0 -19px 20px;
}

.replySubmitArea {
overflow:hidden;
margin-top:10px;
}
.inputBtn {
float:right;
background:url(.././images/button.png) no-repeat 0 0;
border:0;
height:23px;
width:160px;
margin-right:20px;
padding:0;
position:relative;
overflow:visible;
cursor:pointer;
text-align:center;
line-height:20px;
color:#b3b3b3;
}
.inputBtn::-moz-focus-inner {
padding:0;
border:0;
}

a.btnSubscribe,
a.btnSubscribe:hover {
background-position:0 -280px;
}
a.btnLogout,
a.btnLogout:hover {
background-position:0 -300px;
}

.pagination {
height:24px;
background:url(.././images/pagination.png) no-repeat 0 -30px;
margin:30px 10px 0 0;
}
.paginationTop {
margin:0 10px 30px 0;
background-position:0 0;
}
.pagination div {
height:24px;
background:url(.././images/pagination.png) no-repeat right -30px;
margin:0 -10px 0 10px;
padding:0 20px 0 10px;
}
.paginationTop div {
background-position:right 0;
}
.pagination .info {
display:block;
float:left;
color:#808080;
height:22px;
line-height:22px;
padding:0 15px 0 25px;
font-size:11px;
background:url(.././images/pagination.png) no-repeat 0 -61px;
}

.pagination li {
float:left;
margin:1px 1px 1px 0;
}
.pagination li.current {
float:left;
margin:-2px 1px -2px 0;
height:26px;
}
.pagination li.prev {
margin-right:10px;
}
.pagination li.prev a span {
background:url(.././images/pagination.png) no-repeat 0 -100px;
padding:0 7px 0 20px;
}
.pagination li.prev a:hover span {
background-position:0 -125px;
}
.pagination li.next {
margin-left:10px;
}
.pagination li.next a span {
background:url(.././images/pagination.png) no-repeat right -100px;
padding:0 20px 0 7px;
}
.pagination li.next a:hover span {
background-position:right -125px;
}
.pagination li.gap span {
line-height:22px;
display:block;
float:left;
padding:0 5px;
color:#808080;
}
.pagination a {
display:block;
float:left;
height:20px;
border:1px solid #9a9a9a;
background:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.pagination a span {
display:block;
margin:1px;
height:18px;
color:#5c7a99;
font-size:11px;
line-height:18px;
padding:0 7px;
background:url(.././images/pagination.png) no-repeat -15px -100px;
}
.pagination a:hover {
text-decoration:none;
border-color:#808080;
}
.pagination a:hover span {
background-position:-15px -125px;
}
.pagination li.current a {
height:26px;
}
.pagination li.current a span {
height:24px;
line-height:24px;
background:url(.././images/pagination.png) no-repeat 0 -150px;
padding:0 9px;
font-weight:bold;
}
.pagination li.current a:hover span {
background-position:0 -150px;
}

.pagination .newer {
display:block;
margin-top:1px;
}
.pagination .newer span {
background:url(.././images/pagination.png) no-repeat 0 -100px;
padding-left:20px;
}
.pagination a.newer:hover span {
background-position:0 -125px;
}
.pagination .older {
display:block;
float:right;
margin-top:1px;
}
.pagination .older span {
background:url(.././images/pagination.png) no-repeat right -100px;
padding-right:20px;
}
.pagination a.older:hover span {
background-position:right -125px;
}

/* Footer */
.footer {
height:90px;
width:960px;
margin:10px auto 0;
background:url(.././images/footer.png) no-repeat 0 0;
position:relative;
}
.footer .icon1 {
position:absolute;
top:20px;
left:80px;
}
.footer .icon2 {
position:absolute;
top:15px;
left:110px;
}
.footer .copyright {
position:absolute;
top:15px;
left:150px;
color:#999;
font-size:11px;
}
.footer .design {
position:absolute;
top:30px;
left:150px;
color:#999;
font-size:11px;
}
.footer .design a {
color:#999;
text-decoration:none;
}
.footer .design a em {
color:#525c66;
}

/* Footer Style 2 */
.footer2 {
height:74px;
width:960px;
margin:10px auto 0;
position:relative;
background:url(.././images/footer2.jpg) no-repeat 0 0;
}
.footer2 .icon1 {
position:absolute;
top:33px;
left:80px;
}
.footer2 .icon2 {
position:absolute;
top:28px;
left:110px;
}
.footer2 .copyright {
position:absolute;
top:28px;
left:150px;
color:#666;
font-size:11px;
}
.footer2 .design {
position:absolute;
top:43px;
left:150px;
color:#666;
font-size:11px;
}
.footer2 .design a {
color:#666;
text-decoration:none;
}
.footer2 .design a em {
color:#525c66;
}

/**
* Layout Setups
*/

/* Standard setup: Right sidebar, normal width */
.contentArea {
float:left;
width:620px;
}
.sidebars {
width:300px;
float:right;
}
.sidebarLeft {
width:125px;
float:left;
}
.sidebarRight {
width:125px;
float:right;
}
.sidebarFull {
clear:both;
}
.sidebarIcons {
overflow:hidden;
}
.sidebarIcons a {
float:left;
}

/* No sidebar */
.NS .contentArea {
float:none;
width:920px;
}

/* Right sidebar, large width (RSLW) */
.RSLW .contentArea {
float:left;
width:570px;
}
.RSLW .sidebars {
width:350px;
float:right;
}
.RSLW .sidebarLeft,
.RSLW .sidebarRight {
width:150px;
}

/* Right sidebar, small width (RSSW) */
.RSSW .contentArea {
float:left;
width:670px;
}
.RSSW .sidebars {
width:250px;
float:right;
}
.RSSW .sidebarLeft,
.RSSW .sidebarRight {
width:100px;
}

/* Left sidebar, normal width (LSNW) */
.LSNW .contentArea {
float:right;
width:620px;
}
.LSNW .sidebars {
width:300px;
float:left;
}

/* Left sidebar, large width (LSLW) */
.LSLW .contentArea {
float:right;
width:570px;
}
.LSLW .sidebars {
width:350px;
float:left;
}
.LSLW .sidebarLeft,
.LSLW .sidebarRight {
width:150px;
}

/* Left sidebar, small width (LSSW) */
.LSSW .contentArea {
float:right;
width:670px;
}
.LSSW .sidebars {
width:250px;
float:left;
}
.LSSW .sidebarLeft,
.LSSW .sidebarRight {
width:100px;
}


/* No sidebar */
.contentAreaFull {
float:none !important;
width:auto !important;
}


/* Sidebar */
.sidebars .t {
height:170px;
background:url(.././images/sidebars.png) no-repeat 0 0;
margin-right:15px;
}
.sidebars .t div {
height:170px;
width:15px;
background:url(.././images/sidebars.png) no-repeat -485px 0;
float:right;
margin-right:-15px;
}
.sidebars .i {
background:url(.././images/sidebars.png) repeat-y -500px 0;
margin-right:15px;
}
.sidebars .i .i2 {
background:url(.././images/sidebars.png) repeat-y right 0;
margin:0 -15px 0 15px;
padding:1px 0;
}
.sidebars .i .c {
margin:-155px 15px 0 0;
position:relative;
}
.sidebars h4 {
border:1px solid #ccc;
border-width:1px 0;
background-color:#fbfbfb;
margin:10px -14px;
}
.sidebars h4 span {
display:block;
margin:1px 0;
background-color:#ebebeb;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
padding:6px 15px;
}
.sidebars ul {
}
.sidebars li {
background:url(.././images/sidebars.png) no-repeat 0 -225px;
padding:0 0 0 20px;
margin-bottom:1px;
line-height:18px;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}
.sidebars a.rssBtn {
display:block;
height:26px;
padding:0 10px 0 32px;
line-height:26px;
font-size:12px;
font-weight:bold;
color:#662700;
background:url(.././images/sidebars.png) no-repeat 0 -190px;
}
.sidebars a.twitterBtn {
display:block;
height:26px;
padding:0 10px 0 32px;
line-height:26px;
font-size:12px;
font-weight:bold;
color:#056;
background:url(.././images/sidebars.png) no-repeat -150px -190px;
}
.sidebars a.facebookBtn {
display:block;
height:26px;
padding:0 10px 0 32px;
line-height:26px;
font-size:12px;
font-weight:bold;
color:#223b73;
background:url(.././images/sidebars.png) no-repeat -300px -190px;
}
.sidebars .b {
height:15px;
background:url(.././images/sidebars.png) no-repeat 0 -170px;
margin-right:15px;
}
.sidebars .b div {
height:15px;
width:15px;
background:url(.././images/sidebars.png) no-repeat -485px -170px;
float:right;
margin-right:-15px;
}


#wp-calendar {
width:99%;
border-collapse:separate;
border-spacing:1px;
}
#wp-calendar caption {
font-weight:bold;
font-size:12px;
text-align:left;
padding-bottom:5px;
}
#wp-calendar th,
#wp-calendar td {
text-align:center;
}
#wp-calendar th {
background:#f2f2f2 url(.././images/calendar.gif) repeat-x 0 -50px;
border:1px solid #999;
line-height:16px;
font-size:12px;
color:#666;
}
#wp-calendar tbody td {
}
#wp-calendar td a,
#wp-calendar td a:visited {
display:block;
background:#fff url(.././images/calendar.gif) repeat-x 0 1px;
border:1px solid #bfbfbf;
line-height:16px;
font-size:12px;
color:#666;
}
#wp-calendar tbody td a:hover {
border-color:#999;
text-decoration:none;
}
#wp-calendar #today {
font-weight:bold;
}
#wp-calendar tbody td.pad {
border:0 none;
}
#wp-calendar td#prev a,
#wp-calendar td#prev a:visited {
padding-top:5px;
text-align:left;
background:none;
border:none;
color:#5c7a99;
}
#wp-calendar td#next a,
#wp-calendar td#next a:visited {
text-align:right;
padding-top:5px;
background:none;
border:none;
color:#5c7a99;
}


Bo kiedy ja robiłem sobie szablon, to go pisałem od podstaw (czyli wiedziałem co jest co), no niestety nie ma już takiej opcji. Pytanie moje brzmi co ja mogę z tym zrobić? Można jakoś grafikę wstawić sobie w tło? Albo w nagłówek? można jakoś powiększyć nagłówek? Nie podobają mi się zaokrąglone ramki (ani w ogóle żadne ramki)... i mógłbym tak jeszcze długo wymieniać.
Ale ta cała masa selektorów sprawia, że ręce mi opadają. Czy to wszystko jest potrzebne? nie dało by rady tego jakoś odchudzić? :P Bo z resztą nie oczekuję, że mi tu ktoś powie za co odpowiada każdy jeden selektor, tyle tego jest. Ale jednocześnie jak próbowałem edytować na ślepo to nic się nie dzieje :P także no nie wiem jak to ugryźć i będę wdzięczny za jakiekolwiek rady. Może to trochę za szybko na jakieś strony z szablonami na nowego bloga, ale może ktoś gdzieś na coś trafił i potrafi mnie pokierować? Albo chociaz poszczególne grupy selektorów opisać. No nie wiem, cokolwiek :help:
Udało mi się np. zmienić kolor tła bloga, ale góra i tak zostaje szara, więc tam musi być co innego, a ja oczywiście nie mam pojęcia co to jest :zdegustowany:
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2012-11-25, 13:51   

Odchudzanie CSSa bez wglądu w kod HTML szablonu to ryzykowna sprawa. W każdym razie nie radzę się za to zabierać, jeśli nie do końca wiesz, co odpowiada za co.

Zainstaluj sobie Firebuga lub uruchom narzędzia developerskie w Chrome (klawisz F12). Gdzieś w otwartym okienku jest przycisk, który umożliwia zaznaczenie wybranego elementu na otwartej stronie i wyświetlenie odpowiadających mu reguł. Możesz w wtedy zmieniać właściwości zaznaczonego elementu "w locie" za pomocą odpowiednich atrybutów CSS. Tylko pamiętaj, żeby po każdej zabawie skopiować sobie to, co zmieniłeś i wkleić to do arkusza stylów w panelu.

Poza tym czytaj komentarze w treści arkusza. Sam początek to jest tzw. Reset CSS, ale dalej są już opisy ("Main design", "Links", itd.), które mniej więcej opisują przeznaczenie regułek pod nimi.
 
  podziel si� tym postem na:
wendigo 


Pomógł: 4 razy
Dołączył/a: 18 Lis 2012
Posty: 307

Wysłany: 2012-11-25, 20:46   

Tak, zauważyłem te komentarze, tylko tak jak mówię - zmieniam tło a ono całe i tak się nie zmienia, więc znów się gubię :P
Dzięki za podpowiedź z Firebugiem - już ściągam ;)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2012-11-27, 08:32   Arjuna edycja wyglądu, szerokość, kolory tła, tekstu, linków

poprawiłem temat bo to nie Ajruna tylko Arjuna :D

Tak jak wspomniał Łukasz, na początku jest CSS Reset, który wyrównuje różnice pomiędzy przeglądarkami dla znaczników bez żadnego stylu (marginesy itp.).

Następnie mamy style dotyczące marginesów dla zdjęć umieszczanych w treści wpisów - .alignleft, .alignright, .aligncenter
blok cytatu - blockquote
kontener linka "czytaj dalej" - .more-link

Kolor i obrazek tła całej strony zmieniasz w background elementu body
Jest tam także określony krój czcionki i jej rozmiar (co nie znaczy, że wszędzie jest taki sam, bo można to ustalić dla każdego elementu z osobna - np. bocznego menu, nagłówka, stopki, treści postów).

następnie mamy globalny styl dla odnośników a:link, a:visited, a:hover - odpowiednio: link, odwiedzony link, aktywny link (kursor na).

Co jeżeli interesuje nas zmiana linków tylko w jednym miejscu? np. w pasku bocznym? wtedy stosujemy zależności .klasa a { styl }
Wiadomość (widoczna dla zarejestrowanych)
w ten sposób linki menu (sidebar) będą czerwone a po najechaniu czarne. Oczywiście to tylko przykład ;)

W .pageContainer, .contentArea, .sidebars możemy ustalić szerokość całej strony a potem rozdzielić tę wartość na kolumnę wpisów i boczny pasek z dodatkami.

Jeżeli chcemy zamienić miejscami menu z postami wystarczy w klasach .contentArea, .sidebars pozmieniać wartości float

Potem mamy różne style dotyczące nagłówka np. .headerMenu1 .headerMenu2 - pierwszy dla stron na samej górze min. księga gości, drugi z odnośnikiem do strony głównej i listą kategorii.

Kolejne elementy dotyczą posta - jego nagłówka, daty, treści, komentarzy, stopki.

Jest też część dotycząca sekcji komentarzy zatem można w nich nieco pogrzebać, wyróżnić autorów, avatary itp., zmienić czcionkę i jej wielkość.

Po komentarzach mamy sekcję stronicowania (.pagination), potem stopkę (.footer i .footer2), paski boczne (.sidebars, .sidebarLeft, .sidebarRight) i na końcu styl kalendarza wpisów (#wp-calendar).
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
wendigo 


Pomógł: 4 razy
Dołączył/a: 18 Lis 2012
Posty: 307

Wysłany: 2012-12-02, 01:18   Re: Arjuna edycja wyglądu, szerokość, kolory tła, tekstu, li

Htsz napisał/a:

poprawiłem temat bo to nie Ajruna tylko Arjuna :D

A faktycznie, nie wiem czemu się tak zafiksowałem :D

Ok, teraz wygląda mi to już trochę mniej na chińszczyznę ;) ale tylko trochę, bo próbuję zamienić w wyglądzie pojedynczej notki miejscami tagi z autorem (chcę żeby tagi były na górze notek) i choć zrobiłem to w edytorze to na blogu w ogóle tego nie widać i zostało po staremu, o co tu chodzi? bo w ogóle tego nie rozumiem :zdegustowany: to też muszę w stylach zrobić? no to już kompletnie nie wiem jak... :rozpacz:

Za to poradziłem sobie z tłem (to już coś na początek :D ) tylko że mam taki dziwny problem, że nie widać komentarzy pod notkami, jakby wcale nie było, a są (np. do ostatniej). Nawet jak przywracam wartości domyślne, to nic się nie zmienia na tym szablonie (jeśli całkiem zmienię szablon, to widać komentarze, no ale nie chcę niedytowalnego szablonu wybierać).

[ Dodano: 08-09-2013, 22:50 ]
AAAA! Coś sobie namieszałem (tzn. chciałem żeby pokazały się komentarze, więc poprzełączałem szablony) i teraz nie wiem jak usunąć te przyciski pod notkami (tu "Lubię to" i te inne). Pomocy! :(
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz