Jump to content

Am nevoie de ajutor cu un sistem de profil

Kazemir

By Kazemir
in IP.Board 3.x

 Share

Recommended Posts

Kazemir Apprentice

Kazemir

Posted
Posted

Buna ziua pc trouble. am si eu nevoie putin de ajutorul dumneavoastra.

Am primit de la un prieten un script care a spun sa il integrez pe viitoarea noastra comunitate, iar acest script este in legatura cu un profil bar sistem care il pune langa logo. Eu acum am modificat locatia unde vreau sa apara ( la hook-uri , cum aproape 90% dintre forumuri au acum sa se vada profilul in hook ) , doar ca nu stiu cum sa fac sa il mut mai in spre stanga, Am mai multe linii in script care nu functioneaza, ca este pentru fostul profil bar .

Script-ul este acesta: ( CSS )

Quote

 

::-webkit-scrollbar {
    width: 4px;height:4px;
}

::-webkit-scrollbar-track {
    background-color:#303030;
}

::-webkit-scrollbar-thumb {
   /* background:#F22613 ; */
background: -moz-linear-gradient(top, rgba(48,48,48,1) 0%, #ff3333 50%, rgba(48,48,48,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,48,48,1)), color-stop(50%,rgba(242,38,19,1)), color-stop(100%,rgba(48,48,48,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(48,48,48,1) 0%,#ff3333 50%,rgba(48,48,48,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(48,48,48,1) 0%,#ff3333 50%,rgba(48,48,48,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(48,48,48,1) 0%,#ff3333 50%,rgba(48,48,48,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(48,48,48,1) 0%,#ff3333 50%,rgba(48,48,48,1) 100%); /* W3C */
}
.col_c_post .highlight_unread a:after {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-left: -10px;
    opacity: 0;
    transition: all .7s cubic-bezier(0.22,0.42,0.63,1.46);
    font-size: 8px;
}

.col_c_post .highlight_unread a:hover:after {
    margin-left: 3px;
    opacity: 1;
    color: #ff3333;
}
.ipsSideBlock .ipsList_withminiphoto li {
   box-shadow: inset 0px 0 0 rgba(0,0,0,0.12);
   transition: all .5s ease-in-out;
}

.ipsSideBlock .ipsList_withminiphoto li:hover {
   box-shadow: inset -300px 0 0 rgba(0,0,0,0.12);
}

.col_c_stats i {
   color: #555;
   transition: all .5s ease-in-out;
   font-weight: 100;
}

.col_c_stats:hover i { color: #ff3333;}
.col_c_icon:hover i { 
    color: #fff;
}

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold; }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; }

table.ipb_table ol.subforums1 li:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    margin-right: 3px;
    font-size: 9px;
    position: relative;
    top: -1.5px;
    color: #555;
}

table.ipb_table ol.subforums1 li.unread:before {
    color: #ff3333;
    font-weight: 100;
    font-size: 8px;
    transform: rotateX(0deg);
    transition: all .7s cubic-bezier(0.22,0.42,0.63,1.46);
}

table.ipb_table ol.subforums1 li.unread:hover:before {
    transform: rotateX(360deg);
}

.subforums1 a {
    color: #555;
    transition: all 0.5s ease-in-out;
}

.subforums1 a:hover { color: #ff3333; }


.reputation.positive:before {
    display: block;
    height: 100%;
    width: 100%;
    background: #ff3333;
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -2;
    transition: all .7s ease-in-out;
}

.reputation.positive:after {
    display: block;
    height: 100%;
    width: 12px;
    background: #ff3333;
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    z-index: -1;
    transition: all .7s ease-in-out;
}

.reputation:hover.positive:after,
.reputation:hover.positive:before {
    left: 0%;
}


.justify_text{
    text-align: justify;
    text-justify: inter-word;
}
#forumstats {
    text-align: center;
    line-height: 22px;
}
a.input_submita {
    padding: 7px 11px;
    display: inline-block;
}
.input_submita {
    text-decoration: none;
    padding: 5px 11px;
    cursor: pointer;
}
.input_submita {
    background: #ff3333 url('http://evostrike.ro/forum/public/style_images/evostrikes/highlight_faint.png') repeat-x 0 0;
    color: #fff;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    transition: border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    background: -webkit-linear-gradient(#ff3333 50%, #ff3333 50%);
    background: linear-gradient(#ff3333 50%, rgba(0,0,0,0.3) 50%);
    background-repeat: repeat;
    background-size: 100% 200%;
}
.input_submita:hover {
    cursor: pointer;
    background-position: 200% 100%;
    color: #fff;
}
#primary_nav a:before {
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
    display: inline-block;
    position: relative;
    margin-right: 6px;
    color: #bcbcbc;
}
#primary_nav a:hover:before {
color: #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
#community_app_menu > li.active a:before {
color: #ffffff;
}
#nav_homedrg a:before {
    content: "\f015";
}
#nav_app_forums a:before {
    content: "\f075";
}
#nav_app_members a:before {
    content: "\f0c0";
}
#nav_app_gallery a:before {
    content: "\f03e";
}
#nav_app_shoutbox a:before {
    content: "\f086";
}
#nav_app_jawards a:before {
    content: "\f06b";
}
#nav_app_tickets a:before {
    content: "\f1cd";
}
#nav_app_blog a:before {
    content: "\f07c";
}
#shoutbox-rules-button {
        border-color: #585858;
    color: #fff;
    text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    background: -webkit-linear-gradient(#333 50%, #333 50%);
    background: linear-gradient(#ff3333 50%, #393939 50%);
    background-repeat: repeat;
    background-size: 100% 200%;
    transition: all .5s ease-in-out;
}
#shoutbox-rules-button:hover {
    color: #fff;
    background-position: 200% 100%;
}
.nstatsNumber, .nstatsText {display: block;text-align: right;color: #acacac;line-height: 23px;font-size: 16px;}.nstatsText {color: #787878;font-size: 11px;}
.userzona {
    background: #333333;
    height: auto;
    display: block;
    text-align: center;
    margin-bottom: 2px;
}

    .userzona .user_photo {
        width: 120px;
        height: 120px;
        padding: 1px;
        border-radius: 50%;
        border: 2px solid #393939;
        margin: 10px 0;
    }
.userzona .user_photo:hover {
border: 2px solid #494949;
}

    .userzona a {
        color: #fff;
        transition: .7s;
    }

        .userzona a:hover {
            color: #ff3333;
        }

    .userzona #user_link {
        font-size: 11pt;
    }

    .userzona #uStats {
        font-size: 10pt;
        color: #E4E4E4;
    }

    .userzona #mygtukai {
        padding-bottom: 20px;
        padding-top: 5px;
    }

    .userzona li {
        padding: 45px 0;
        font-size: 20pt;
        display: block;
    }
#notify_link_drg, #inbox_link_drg, #settings_link_drg, #logout_link_drg, #acplink, #mcplink {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    background: #393939;
}
#notify_link_drg {
    padding: 10px;
}
#logout_link_drg {
    padding: 10px 11px;
}

#inbox_link_drg {
    padding: 10px;
}
#settings_link_drg {
    padding: 10px;
}
#acplink {
    padding: 10px 11px;
}
#mcplink {
    padding: 10px 9px;
}
.menusera {
    float: right !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    position: absolute;
    height: 210px;
    width: 122px;
    background: #292929;
    margin-right: -0px !important;
    border: 1px solid #292929;
    -moz-box-shadow: 0px 1px 0px #292929;
    -webkit-box-shadow: 0px 1px 0px #292929;
    box-shadow: 0px 1px 0px #292929;
    right: -0%;
    z-index: 2;
}
#foto_navigation {
    background: #333 !important;
    margin-top: 6px !important;
    position: absolute;
    margin-left: 4px !important;
    color: #9f9f9f;
    float: right;
    font-size: 11px;
    line-height: 35px;
    width: 109px;
    height: 116px;
    overflow: hidden;
    border: 1px solid #292929;
}
.ipsUserPhoto_kod {
    margin-top: 7px !important;
    margin-left: -4px !important;
    width: 93px !important;
    height: 102px !important;
}
#profileh2_nav {
    text-align: center !important;
    padding-right: 0;
    float: right !important;
    margin-left: 250px !important;
    margin-right: 68px !important;
    margin-top: 63px;
    width: auto !important;
    position: relative;
    font-size: 12px;
    margin-bottom: -115px !important;
    top: -3px;
}
.profileh3 {
    border-top: 1px solid #2d2d2d;
    margin-right: -68px !important;
    margin-top: 60px !important;
    padding-top: 2px;
    padding-left: 8px;
    padding-bottom: 14px;
    width: 112px;
    height: 12px;
    float: right !important;
    text-align: center !important;
}
.pmbtn3 {
    color: #646464;
    display: inline-block;
    border-radius: 0px;
}
#profileh2_nav a {
    font-weight: bold;
    margin-left: -13px !important;
    margin-top: 56px !important;
    text-align: center !important;
    width: 111px !important;
    color: #999 !important;
    text-shadow: none;
    display: block;
    height: 27px;
    line-height: 27px;
}
.pmbtn4 {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 35px;
    line-height: 34px;
    border-radius: 0px;
    font-size: 0.9em;
    background-color: #333;
    color: #646464;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
    margin-top: 5px;
}
.pmbtnp {
    display: inline-block;
    position: relative;
    width: 111px;
    height: 29px;
    line-height: 34px;
    border-radius: 0px;
    font-size: 0.9em;
    background-color: #333;
    color: #2d2d2d;
    transition: border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
    transition: border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    white-space: nowrap;
    background: -webkit-linear-gradient(#333 50%, #333 50%);
    background: linear-gradient(#333 50%, #333 50%);
    background-repeat: repeat;
    background-size: 100% 200%;
    margin-top: -26px;
    margin-left: -14px;
}
.pmbtnp {
    line-height: 34px;
    font-size: 0.9em;
    color: #2d2d2d;
    white-space: nowrap;
}
.profileh3 {
    text-align: center !important;
}
#nav_profileh {
    text-align: center !important;
    padding-right: 0;
    float: right !important;
    margin-left: 250px !important;
    margin-right: 68px !important;
    margin-top: 40px;
    width: auto !important;
    position: relative;
    font-size: 12px;
    margin-bottom: -115px !important;
}
.profileh {
    margin-right: -61px !important;
    margin-top: 90%;
    padding-top: 2px;
    padding-left: 8px;
    padding-bottom: 14px;
    width: 103px;
    height: 12px;
    float: right !important;
    text-align: center !important;
    background: #333;
}
#notif_nav {
    padding-right: 0px;
    float: right !important;
    margin-left: 0px !important;
    margin-top: 39px;
}
#notif_nav a {
    width: auto !important;
    color: #999 !important;
    text-shadow: none;
    display: block;
    left: 90%;
    height: 26px;
    top: -44px;
    font-size: 17px;
    left: 4px;
}
#notify_link, #inbox_link {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative;
}
#nav_profileh a {
    font-weight: bold;
    margin-left: -7px !important;
    margin-top: 4px !important;
    text-align: center !important;
    text-shadow: none;
    display: block;
}
#notif_nav2 {
    padding-right: 0px;
    float: right !important;
    margin-left: 0px !important;
    margin-top: 39px;
}
#notif_nav2 a {
    width: auto !important;
    color: #999 !important;
    text-shadow: none;
    display: block;
    height: 26px;
    top: -43px;
    font-size: 17px;
    right:-13px;
}
#profileh_nav {
    text-align: center !important;
    padding-right: 0;
    float: right !important;
    margin-left: 250px !important;
    margin-right: 68px !important;
    margin-top: 40px;
    width: auto !important;
    position: relative;
    font-size: 12px;
    margin-bottom: -115px !important;
}
.ProfileMaxWidth {
    display: block;
    width: 515px;
    height: 210px;
    position: absolute;
    right: 120px;
    overflow: hidden;
}
.Profile {
    background: #292929;
    padding: 11px;
    position: relative;
    width: 660px;
    right: -515px;
    transition: all 0.7s ease-in-out;
    height: 203px;
    z-index: 1;
}
.Profile::before {
    content: "\f100";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 17px;
    height: 80px;
    background: #292929;
    border-radius: 15px 0px 0px 15px;
    color: #bcbcbc;
    line-height: 80px;
    padding: 0 9px;
    left: -27px;
    border-right: none;
    transition: all .8s ease-in-out;
}
.Profile .welcomeBar {
    height: 30px;
    line-height: 30px;
    width: 100%;
    position: absolute;
    right: -1px;
    top: 9px;
    color: #888;
    font-family: Calibri;
    font-size: 14px;
    margin-top: -9px;
    font-size: 14px;
    margin-top: -9px;
    border-bottom: 1px solid #191919;
    background:#262626 no-repeat;
    moz-box-shadow: 0px 1px 0px #2d2d2d;
    -webkit-box-shadow: 0px 1px 0px #2d2d2d;
    box-shadow: 0px 1px 0px #2d2d2d;
}
.infoList {
    display: block;
    width: 123px;
    line-height: 23px;
    position: absolute;
    top: 39px;
    left: 10px;
}
.infoList li {
    color: #bcbcbc;
    background: #454545;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 10px;
    border: 1px solid #333;
    padding-left: 5px;
    transition: all .4s ease-in-out;
    padding-right: 7px;
}
.infoList ul li > span {
    color: #898989;
}
.infoList2 {
    display: block;
    line-height: 23px;
    position: absolute;
    top: 44px;
    left: 21%;
    width: 216px;
}
.reputationAndMore {
    position: relative;
    bottom: 5px;
}
span.Reputation {
    display: block;
    background: #333;
    text-align: center;
    border-radius: 2px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: rgba(255,255,255,0.8);
    box-shadow: inset 0 0 0 #B53628;
    transition: all .5s ease-in-out;
    max-width: 220px;
    margin: 0 auto;
    padding: 7px;
}
.Reputation i {
    display: block;
}
span.Reputation::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #369;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all .5s ease-in-out;
}
#statusSubmitGlobal {
    margin-top: 3px;
}
.StatusUpdate .signOut {
    height: 45px;
    line-height: 45px;
    width: 220px;
    text-align: center;
    display: block;
    background: #454545;
    margin: 5px auto;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 0 0 #B53628;
    color: white;
    transition: all .3s ease-in-out;
}
.Profile .links {
    position: absolute;
    display: block;
    top: 39px;
    right: 180px;
}
.links ul li {
    position: relative;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 10px;
    border: 1px solid #333;
    padding-left: 25px;
    transition: all .4s ease-in-out;
    padding-right: 7px;
    background: #454545;
}
.links ul li:hover {
    border-color: #ff3333;
    color: #bcbcbc;
}
.Profile:hover {
    right: -1px;
    background: #292929;
}
a:hover {
    color: #ff3333;
}
span.Reputation:hover {
    box-shadow: inset 250px 0 0 #ff3333;
}
.links ul li::before {
    content: '\f007';
    font-family: 'FontAwesome';
    position: absolute;
    left: 8px;
    top: 0px;
    transition: all .3s ease-in-out;
    font-size: 8px;
}
.links ul li:nth-child(2)::before {
    content: "\f013";
}
.links ul li:nth-child(3)::before {
    content: "\f0f6";
}
.links ul li:nth-child(4)::before {
    content: "\f164";
}

.links ul li:nth-child(5)::before {
    content: "\f0c0";
}
.links ul li:nth-child(6)::before {
    content: "\f235";
}
.links ul li:nth-child(7)::before {
    content: "\f01c";
}
.StatusUpdate #statusSubmitGlobal {
    margin-top: 0;
    background: #454545;
    border-top: 0;
    text-shadow: 0 0;
    color: #bcbcbc;
}
#statusSubmitGlobal {
    margin-top: 3px;
}
.StatusUpdate .signOut span {
    display: block;
    position: absolute;
    left: 75px;
    top: 50px;
    transition: all .5s ease-in-out;
}
.StatusUpdate .signOut {
    height: 45px;
    line-height: 45px;
    width: 100%;
    text-align: center;
    display: block;
    background: #454545;
    margin: 5px auto;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 0 0 #ff3333;
    color: white;
    transition: all .3s ease-in-out;
}
.StatusUpdate .signOut:hover {
    box-shadow: inset 0 -50px 0 #ff3333;
    color: rgba(255,255,255,0);
}
.StatusUpdate .signOut:hover span {
    top: 0px;
    color: white;
}
.extraUserInfo{
  font-size:12px;
  padding:4px 0px;
  font-family: Calibri;
}
.pairsJustified{
    word-wrap: break-word;
    font-size: 12px;
    border-bottom: 1px solid #2d2d2d;
    overflow: hidden;
    line-height: 2;
    list-style-type: none;
    transition: border-bottom 0.5s;
    transition: border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -webkit-linear-gradient(#222222 50%, #222222 50%);
    background: linear-gradient(#222222 50%, rgba(255, 51, 51, 0.2) 50%);
    background-repeat: repeat;
    background-size: 100% 200%;
}
.pairsJustified:hover{
    background-position: 200% 100%;
}
.pairsJustified dt{
    font-family: 'Calibri';
    font-weight: 400;
    font-size: 12px !important;
    float: left;
    padding-left: 5px;
    text-align: left;
    max-width: 100%;
    word-wrap: break-word;
    color: #ababab;
    text-shadow: 0 1px #000;
}
.pairsJustified dd{
    word-wrap: break-word;
    color: #777;
    float: right;
    font-size: 11px !important;
    text-align: right;
    max-width: 100%;
    text-shadow: 0 1px #000;
    padding-right: 6px;
}

 

Poza cu ceea ce face acea sageata si cu sidebar-ul unde vreau sa apara .

 

Va multumesc frumos , si gadeas esti cu adevarat original, esti pintre cei mai buni pe care ii cunosc poate chiar cel mai bun . Imi plac ideile tale si cum lucrezi.

Untitled.png

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.