Hej. Podsyłam Wam profil, który wystawiłem go jakoś półtora roku temu. Dodałem drugą wersję, a pierwsza została poprawiona. Korzystajcie!
Wersja 1
Zdjęcie:
Spoiler
Kod:
Spoiler
<style>.ipsVerticalTabbed_tabs li.active a {width: 135px; : relative; z-index: 8000; border-right: 1px solid #fff; background: #000; color: #ffffff; font-weight: bold;} .ipsList_inline {text-align:center} .ipsBadge_green {background: #000000;} .ipsBadge_lightgrey {background: #000000;} .ipsBadge_orange {background: #616161;} .gsPremiumGOLD {background: #000000; color: white;} .reputation.positive, .members li.positive {background: #000000;} .ipsVerticalTabbed_tabs li a { : block; padding: 10px 8px; outline: 0; color: #000000; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; } .general_box h3 {font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #000000; color: #fcfcfc; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .ipsUserPhoto {box-shadow: 0px 0px 1px 1px #000000; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} .ipsUserPhoto {padding: 1px; border: 1px solid #000000; background: #000000;} ipb_p#user_latest_status>div { padding: 10px 15px; background-color: #000001; color: #ffffff; font-size: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; min-height: 45px; word-wrap: break-word;} .bar {background: #000000; color: #ffffff; padding: 8px 10px;} .ipsBadge_orange {background: #000000;} a {text-decoration: none;} .ipsBadge_lightgrey {background: #000000;} </style>
Wersja 2 (więcej elementów jest pokolorowanych)
Zdjęcie:
Spoiler
Kod:
Spoiler
<style>.ipsVerticalTabbed_tabs li.active a {width: 135px; : relative; z-index: 8000; border-right: 1px solid #fff; background: #0e0d0df7; color: #ffffff; font-weight: bold;} .ipsList_inline {text-align:center} .ipsBadge_green {background: #0e0d0df7;} .ipsBadge_lightgrey {background: #0e0d0df7;} .ipsBadge_orange {background: #616161;} .gsPremiumGOLD {background: #0e0d0df7; color: white;} .reputation.positive, .members li.positive {background: #0e0d0df7;} .ipsVerticalTabbed_tabs li a { : block; padding: 10px 8px; outline: 0; color: #0e0d0df7; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; } .general_box h3 {font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #0e0d0df7; color: #fcfcfc; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .ipsUserPhoto {padding: 1px; border: 1px solid #0e0d0df7; background: #0e0d0df7; box-shadow: 0px 0px 1px 1px #0e0d0df7; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; transition: all .7s ease-in-out;} ipb_p#user_latest_status>div { padding: 10px 15px; background-color: #0e0d0df7; color: #ffffff; font-size: 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; min-height: 45px; word-wrap: break-word;} .bar {background: #0e0d0df7; padding: 8px 10px; text-align: center; color: #fff;} .ipsBadge_orange {background: #0e0d0df7;} .ipsBadge_lightgrey {background: #0e0d0df7;} #user_latest_status>div {background-color: #0e0d0df7; color: #ffffff;} .ipsUserPhoto:hover {border-radius:50%;transform:rotate(360deg);} .ipsButton_secondary { height: 22px; line-height: 22px; font-size: 12px; padding: 0 10px; border: 1px solid #000000; border-radius: 3px; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; color: #FFF; box-shadow: 0px 1px 0px rgb(0, 0, 0) inset, 0px 1px 0px rgb(0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,rgba(0, 0, 0, 0.67)));} .ipsButton_secondary a {color: #ffffff;} #content, .main_width {border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}</style>
Użytkownik Kubsoner edytował ten post 11/04/2019 - 13:53


