Skocz do zawartości

[Profile] Gotowe kody na profile by Jagielończyk


Jagiellończyk

Rekomendowane odpowiedzi

Profil #1


Profil #2


Wygląd


DmTZi0R.jpg


Kodzik :)

Starałem się użyć jak najmniej linijek kodu i chyba mi się udało, około 160-180 linijek odliczając przerwy między jednym selektorem a drugim, każde błędy zgłaszajcie tu.

 


 

 

 #Profil 3

 

 http://wklej.to/8SUeD gdyby ktoś pragnął to proszę bardzo

 

http://i.imgur.com/0KqPGRo.jpg

 

pasują tu inne tła abstrakcyjne

 

 

#profil 4 (27/04/16){

 

 

}

 

tylko na ip.board zakaz wykorzystywania gdzieś indziej niż www.mrucznik-rp.pl.
 
 
Gdyby ktoś chciał to proszę bardzo brać ;p.

Edytowane przez Jagiellończyk
Drobne poprawki.
  • Like 11
Odnośnik do komentarza
  • 3 tygodnie później...

Profil #2

 

Wygląd

 

DmTZi0R.jpg

 

 

 

Kodzik :)

 

 

Starałem się użyć jak najmniej linijek kodu i chyba mi się udało, około 160-180 linijek odliczając przerwy między jednym selektorem a drugim, każde błędy zgłaszajcie tu. A i jeszcze jedno - zostaw lajka jak się podoba :P

Edytowane przez Jagiellończyk
  • Like 1
Odnośnik do komentarza
  • 3 miesiące temu...
  • 1 miesiąc temu...
  • 11 miesięcy temu...

Błąd kodu! Funkcja, którą wprowadzasz została zablokowana, w celu ustalenia skontaktuj się z administracją forum. Wszelkie próby w celu zaszkodzenia w funkcjoniwaniu forum są surowo karane oraz zapisywane. 

wie ktos jak sobie z tym poradzić bo bbbb mi sie spodobał jeden styl od Jagiellończyka

Odnośnik do komentarza

Chodzi mi o ten 

<style>
body,html{
background: url(https://wallpaperscraft.com/image/triangle_shape_dark_figure_88540_1920x1080.jpg) fixed center no-repeat;
background-size: 110% !important;
color: #fdfdfd;
}

.reputation.positive, .members li.positive, .reputation.zero, .members li.zero{
background: #ff3333;
}

#profile_background, #profile_content, #content, #profile_panes_wrap, #profile_content_main, #primary_nav, #branding,table.ipb_table
td,.header,#footer_utilities,.row2{
background: none;
border: none;
box-shadow: none;
}

.ipsButton_secondary:hover, .bbc_spoiler_show:hover, .user_controls li a:hover{
background: rgba(0,0,0,0.31);
border-radius: 7px;
color: #ff3333;
}

.ipsUserPhoto{
border: 3px solid transparent;
background: transparent;
padding: 0;
transition: all ease 0.5s;
}

.ipsUserPhoto:hover{
transform: rotate(360deg) !important;
transition: all 0.5s;
padding: 0;
background: #ff3333 !important;
transition: all ease 0.5s;
border: #ff3333 solid 3px !important;
border-radius: 50%;
}


.ipsButton_secondary, .bbc_spoiler_show, .user_controls li a ,.topic_buttons li a {
background: rgba(0,0,0,0.15);
border: 0px solid #232323;
border-radius: 5px;
color: #FFF;
transition: 1.2s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all  0.5s ease;
-o-transition: all  0.5s ease;
-ms-transition: all  0.5s ease;
transition: all  0.5s ease;
box-shadow: none;
text-shadow: none;
}

.general_box{
background: rgba(0,0,0,0.15);
border: 1px solid #323232;
}

.general_box h3,.post_block
h3,.maintitle,.ipsHeaderMenu,.userpopup h3{
background: rgba(0,0,0,0.5);
text-align: center;
color: #FFF;
box-shadow: none;
border: none;
}

#logo, .breadcrumb,span.desc:nth-child(4),.ipsBadge,div.ipsLayout_content:nth-child(1) > div:nth-child(4),#ipsDebug_footer,#nav_explore.right{
display: none;
}

#user_info_cell{
font-size: 0;
}

#community_app_menu>li.active>a{
background: #FF3333;
}

#admin_bar, #quickNavLaunch {
display: none !important;
}

#search{
display: none;
}

#branding{
min-height: 2px;
}

#community_app_menu{
top: -40px;
position: relative;
}


#header_bar{
z-index: 999;
}

.ipsVerticalTabbed_tabs li.active a {
background:rgba(0,0,0,0.3) !important;
border-right: hidden;
color: #FFFFFF;
transition-duration: 0.35s;
transition-property: all;
font-weight: bold;

}

.ipsVerticalTabbed_tabs li a:hover {
background:rgba(0,0,0,0.5)!important;
border-left: 0px solid #fff;
color: #ff3333;
}

.unread{
background: #FF3333;
}

.ipsVerticalTabbed_tabs li {
    background: transparent;
    color: #cdcdcd;
    border-bottom: 1px solid transparent;
border-right: 0px solid #FFFFFF;
}

.ipsVerticalTabbed_tabs>ul {
border-top: none;
border-left: none;
}

.ipsVerticalTabbed_tabs li a {
background: none !important;
color: #cdcdcd;
transition-duration: 0.35s;
transition-property: all;
color: #FFF;
font-weight: bold;
}

#profile_background > .ipsVerticalTabbed .ipsVerticalTabbed_tabs > ul {
position: relative;
right: -158px;
border: none;
bottom: -50px;
min-width: 850px;
} 

.ipsVerticalTabbed_tabs>ul {
width: 179px;
margin-top: 10px;
border: none;
}

a,p,li{
color: #ddd;
}

a:hover{
color: #FF3333 ;
}

#profile_background > .ipsVerticalTabbed .ipsVerticalTabbed_tabs li a {
 width: 91px;
 text-align: center;
 padding: 15px 4px;
}

#profile_background > .ipsVerticalTabbed .ipsVerticalTabbed_tabs li:first-child  {
margin-left: 140px;
z-index: 9999;
position: relative;
}

#profile_background > .ipsVerticalTabbed .ipsVerticalTabbed_tabs li {
float: left;
z-index: 9999;
position: relative;
}

#profile_panes_wrap{
min-width: 850px;
padding-top: -158px;
}

#profile_content{
margin-top: 157px;
}

#user_info_cell{
position: relative;
right: -415px;
top: -180px;
}

#profile_photo{
margin-right: -1000px !important;
top: -90px;
position: relative;
}

.ipsType_pagetitle, .ipsType_subtitle {
    font: 26px tahoma,helvetica,arial,sans-serif;
    color: #FF3333;
    -webkit-mask-box-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
    text-overflow: ellipsis;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
position: relative;
bottom: -70px;
left: -46px;opacity: 1;
}

#user_latest_status{
background: none;
}

#user_latest_status > div{
background: rgba(0,0,0,0.15);
border: 1px solid #323232;
margin-right: 300px;
color: #dfdfdf;
width: 350px;
top: -70px;
right: -100px;
position: relative;
}

 .post_block, .ipsComment, .popupInner, .poll_question ol, .ipsBox_container, .column_view .post_body, .column_view, .ipsBox, .status_update, .popupInner,ul.ipsList_withtinyphoto .reply .row2 .ipsPad {
background: rgba(0,0,0,0.1);
color: #fff;
border: 0px none #fFF;
margin-bottom: 10px;
}
</style>

Sprawdź czy działa

Edytowane przez Pr0f3ssi0n4LisT
Odnośnik do komentarza

Błąd występował w tej linijce:

 .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .column_view .post_body, .column_view, .ipsBox, .status_update, .popupInner,ul.ipsList_withtinyphoto .reply .row2 .ipsPad {
background: rgba(0,0,0,0.1);
color: #fff;
border: 0px none #fFF;
margin-bottom: 10px;
}

A dokładniej chodzi o 

.no_message

które wywołuje dany błąd.

 

Tutaj to nieco opisałem

https://mrucznik-rp.pl/topic/37212-poradnik-b%C5%82%C4%85d-kodu-css/

Odnośnik do komentarza
  • 2 tygodnie później...
  • 7 miesięcy temu...
  • 3 miesiące temu...
  • 9 miesięcy temu...

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ę
  • Ostatnio przeglądający   0 użytkowników

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