Hmm dam wam kod na gotową stronę.
Zrobiłem ją ja oraz pasement.
oczywiście kod będzie trzeba dostosować według własnych potrzeb
czyli np dodać avka o dobrych wymiarach
tło
avek
Oraz jest ten kod zrobiony tak że najlepiej będzie wyglądał jeżeli na stronie będzie tylko info o mnie i komentarze.
jeżeli znajdziecie jakieś błędy w kodzie proszę pisać
<style type="text/css">
body{background-image:url(http://s.redefine.pl/dcs/o2/redefine/poszkole_user_page/24/24401202/140522642_1319306288.png);background-position:top center;opacity:0.85;filter:alpha(opacity=85);}
div.blockItem h2{background-color:transparent;font-family:Tahoma;font-size:14px;color:yellow;}
div.blockItem div.blockContent{border-bottom-color:yellow;border-left-color:grey;border-right-color:grey;background-color:transparent;padding:9px;color:#ababab;border-top-width:1px;border-top-style:solid;border-top-color:yellow;}
div.blockItem div.blockContent a{color:#00c6e3;}
div.blockItem div.blockContent .inb{border-color:transparent;}
div.blockItem div.blockContent .sp{color:#00c6e3;}
div.boxMusic div.blockContent{border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-width:0px;}
</Style>
<style>#sort2 {margin-right: 21px; width: 658px; margin-left: 0px; float: right; } #sort1 {width: 270px; margin-left: 19px; margin-right: 0px; float: left; } #userleft div.avatar {background: url(LINK DO AVKA 243x236)no-repeat transparent;border-width: 0px;height:243px;width:236px;padding: 0px; }#userleft div.avatar img {display:none; }#userright {width: 100%;padding: 0px;} </style>
<style>
<style>
div$postsBlock {
padding-top: 10px;
}
p.nick-a {
float: left;
width: 380px;
font: bold 12px Arial;
padding: 5px 0;
}
.boxWall div.wall-box-b {
padding: 0 0;
padding-bottom: 10px;
min-height: 60px;
border-top: 0;
}
.boxWall div.wall-box-a {
background-color: transparent;
}
.boxWall div.wall-box-a div.secondary-a input.submit-a {
margin: 1px 145px;
}
.boxWall div.wall-box-a {
padding: 10px 9px 1px 10px;
}
div.secondary-a p.add-comment-a span {
display:none;
}
.boxWall div.wall-box-b div.secondary-a p.close-a {
display:none;
}
.boxWall div.wall-box-a div.secondary-a input.input-a {
text-align: center;
}
.boxWall div.wall-box-b {
border-top: 0;
}
.boxWall div.wall-box-a {
border-bottom: 0;
}
.boxWall div.wall-box-b div.secondary-a p.add-comment-a a {
background: none;
}
</style>
<style>
.boxMusic.blockItem {
height: 380px;
width: 285px;
position: fixed;
left: -300px;
bottom: -280px;
box-shadow: 0 0 0px 0px gray;
-webkit-transition-duration: 0,1s;
}
.boxMusic.blockItem:hover {
height: 103px;
width: 400px;
position: fixed;
left: -1px;
bottom: -1px;
box-shadow: 0 0 px black;
-webkit-transition-duration: 0,1s;
}</style>
<style>.boxGroups.blockItem {display: none;}</style>
<style>p.add-comment-a, .boxWall div.wall-box-b div.secondary-a p.close-a a {display:none;}</style><style>.boxWall div.wall-box-a { background-color: transparent; border-bottom: 0 solid #C8C9C7;}.boxWall div.wall-box-a div.secondary-a input.submit-a { background-color: transparent; border: 1px solid yellow; color: yellow;}.boxWall div.wall-box-a div.secondary-a input.input-a { border: 1px solid #00C6E3; color: black; }.boxWall div.wall-box-b { border-top: 0 solid yellow; background: none transparent;}.boxWall div.wall-box-b { border-top: 0 solid yellow; float: left; padding: 11px 0;}#flashplayer { border: 1px solid black;}</style><script> $(function() { $("#postSubmit").val("Wyślij post!"); }); </script>
<style>
#footer {
display: none;
}
#editfooter {
display: none;
}
</style>
<style>#menu{display: none;}</style>
<style>#extras{display: none;}</style>
<style>#top_border, #top_border.loggedIn { background:transparent center; width: 100%; height:88px; float: center;}</style><style>#top {border-bottom: 0px solid transparent;}</style><style>#header, #header.loggedIn {background: transparent;}</style><style>#topMenu {display: none;}</style>
<div id="block306445461" class="bAbstract blockItem bHtml"><div><p class="clear2"><div id="stopka">
<div class="text">
<a href="http://inventivegraphics.blogspot.com/"><span style="color: grey;"> copyrights owners-AceBoy&Pasement</a>
</div>
</div></p>
<style>
#stopka {
width: 260px;
border: 2px solid #525252;
background: black;
color: gray;
text-align: center;
border-image: initial;
}
.text {
font-size: 13px;
margin-top: 2px;
margin-bottom: 10px;
}
.clear2 {
clear: both;
}
</style></div></div>
<style> .boxWall img:hover {
-webkit-transition-duration: 0,1s;
-webkit-box-reflect: below 0
-webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(0.7, transparent),
to(white)
);
} </style>
<style> ul.pagination li.dots { display: none; } </style>
