http://pastebin.com/ws8usDe4 code
http://punbb-design.forumotion.com/t35p45-html-ipb-profile-v15-new link to the profile tutorial

http://galacticda.forumotion.com/u5 an url of the messed up profile

Guest can not see this - http://punbb-design.forumotion.com/t35p45-html-ipb-profile-v15-new .

would you like an account to use?

Yes, please. You are not really allowed to post a link to a tutorial that guests can not see.

sorry, i didnt know about that   

pleas I have best code css

What?

??? les code css of web

Try redoing the tutorial.  Make sure that you remove all the template code before adding the new one.

Just did. Still the issue.

Check your CSS for any codes that could be related to the profile pages.

Still, but here's my CSS if you see anything else.

Code:

a[href="/u1"] span{
color: FF00FF !important;
}

a[href="/u1"] {
text-decoration: bold !important;
text-shadow: 0 0 0.2em #FFFFFF, 0 0 0.2em black, 0 0 0.2em #FFFFFF;
}
 .user_login_form input[type="password"], .user_login_form input[type="text"] {
            border: 1px solid #DDD;
            padding: 5px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            }
            .user_login_form input[type="text"] {
            background: url(http://i.imgur.com/rzOu1.png)no-repeat;
            padding-left: 20px;
            }
            .user_login_form input[type="password"] {
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }
            #username {
            border: 1px solid #DDD;
            padding: 5px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            padding-left: 20px;
            background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
            }
            #password {
            border: 1px solid #DDD;
            padding: 5px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }
        .a_chat_pm tr, .a_chat_pm td, .a_chat_tab tr, .a_chat_tab td { display:none!important; }
        .a_chat_pm:before, .a_chat_tab:before { content: 'Hidden Content'; font-style: italic; }
 body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur1.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur1.png), progress !important;}



.signature_div img {
max-width: 805px; max-height: 315px;
}

a[href="/u61"] span{
color: #FF0000 !important;
}

a[href="/u61"] {
text-decoration: bold !important;
text-shadow: 0 0 0.2em #FFA500, 0 0 0.2em grey, 0 0 0.2em #FFA500;
}
a[href="/u2"] span{
color: #000000 !important;
}

a[href="/u2"] {
text-decoration: bold !important;
text-shadow: 0 0 0.2em #7700ff, 0 0 0.2em black, 0 0 0.2em #7700ff;
}
a[href="/u5"] span{
color: #0000FF !important;
}

a[href="/u5"] {
text-decoration: bold !important;
text-shadow: 0 0 0.2em #800080, 0 0 0.2em grey, 0 0 0.2em #800080;
}
a[href="/u126"] span{
color: #FFFFFF !important;
}
a[href="/u126"]{
text-decoration: bold !important;
text-shadow: 0 0 0.2em #EBE300, 0 0 0.2em black, 0 0 0.2em #EBE300
}

.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://2img.net/i/fa/m/tabs_more1.gif);}
.contract {background: url(http://2img.net/i/fa/m/tabs_less1.gif);}

        .imgholder{
              position:relative;
              width:120px;
              height:120px;
              border-radius:100px;
              float:left;
              margin:40px 30px;
            }
            /* thumbnails style */
            .imgholder img{
              position:absolute;
              left:0;
              top:0;
              width:120px;
              height:120px;
              z-index:5;
              border-radius:100px;
              -moz-border-radius:100px;
              -webkit-border-radius:100px;
              opacity:0.3;
              filter: alpha(opacity = 30);
              box-shadow:0 0 5px #000;
              -moz-box-shadow:0 0 5px #000;
              -webkit-box-shadow:0 0 5px #000;
           
            transform: scale(0.5,0.5);
              -ms-transform: scale(0.5,0.5);
              -moz-transform: scale(0.5,0.5);
              -webkit-transform: scale(0.5,0.5);
           
            transition:
                  opacity 1s,
                  transform 1s ease-in-out 0.3s;
              -moz-transition:
                  opacity 1s,
                  -moz-transform 1s ease-in-out 0.3s;
              -webkit-transition:
                  opacity 1s,
                  -webkit-transform 1s ease-in-out 0.3s;
            }
            .imgholder:hover img{
              opacity:1;
              filter: alpha(opacity = 100);
              transform: scale(1,1);
              -ms-transform: scale(1,1);
              -moz-transform: scale(1,1);
              -webkit-transform: scale(1,1);
            }
            .imgholder figcaption{
              position:absolute;
              left:-5px;
              top:40%;
              width:130px;
              color:#004E87;
              font-weight:bold;
              text-shadow:-1px -1px 0 #fff;
              z-index:4;
           
            transition:
                  top 0.5s ease-out;
              -moz-transition:
                  top 0.5s ease-out;
              -webkit-transition:
                  top 0.5s ease-out;
            }
            .imgholder:hover figcaption{
              top:120%;
            }
            /* decorations style */
            .imgholder .circle{
              position:absolute;
              border-radius:100px;
              -moz-border-radius:100px;
              -webkit-border-radius:100px;
            }
            .imgholder .outer1{
              top:-8px;
              left:-8px;
              width:120px;
              height:120px;
              z-index:2;
              border:8px solid;
              border-color:#DEEBFC;
              box-shadow:0 0 3px #AFD3FF;
              -moz-ox-shadow:0 0 3px #AFD3FF;
              -webkit-box-shadow:0 0 3px #AFD3FF;
              background: #ffffff;
              background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e2efff 100%);
              background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e2efff));
              background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%);
              background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%);
              background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%);
              background: radial-gradient(center, ellipse cover, #ffffff 0%,#e2efff 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2efff',GradientType=1 );
              transform:rotate(90deg);
              -ms-transform:rotate(90deg);
              -moz-transform:rotate(90deg);
              -webkit-transform:rotate(90deg);
              transition:
                  transform 1.8s ease-in-out,
                  box-shadow 1s ease-out,
                  border-color 1.5s;
              -moz-transition:
                  -moz-transform 1.8s ease-in-out,
                  -moz-box-shadow 1s ease-out,
                  border-color 1.5s;
              -webkit-transition:
                  -webkit-transform 1.8s ease-in-out,
                  -webkit-box-shadow 1s ease-out,
                  border-color 1.5s;}
            .imgholder:hover .outer1{
              border-color:#0088EA #7FC9FF #0088EA #7FC9FF;
              box-shadow:0 0 10px #0285E2;
              -moz-box-shadow:0 0 10px #0285E2;
              -webkit-box-shadow:0 0 10px #0285E2;
              transform:rotate(-10deg);
              -ms-transform:rotate(-10deg);
              -moz-transform:rotate(-10deg);
              -webkit-transform:rotate(-10deg);}
            .imgholder .outer2{
              top:-18px;
              left:-18px;
              width:136px;
              height:136px;
              z-index:1;
              border:10px solid;
              border-color: #D6E5FC #9BC8FF #D6E5FC #9BC8FF;
              box-shadow:0 0 20px #8EB9FF;
              -moz-box-shadow:0 0 20px #8EB9FF;
              -webkit-box-shadow:0 0 20px #8EB9FF;
              opacity:0;
              filter: alpha(opacity = 0);
              transform: scale(1.3,1.3) rotate(180deg);
              -ms-transform: scale(1.3,1.3) rotate(180deg);
              -moz-transform: scale(1.3,1.3) rotate(180deg);
              -webkit-transform: scale(1.3,1.3) rotate(180deg);
              transition:
                  opacity 0.5s,
                  transform 0.7s ease-out;
              -moz-transition:
                  opacity 0.5s,
                  -moz-transform 0.7s ease-out;
              -webkit-transition:
                  opacity 0.5s,
                  -webkit-transform 0.7s ease-out;}
            .imgholder:hover .outer2{
              opacity:0.9;
              filter: alpha(opacity = 90);
              transform: scale(1,1) rotate(-10deg);
              -ms-transform: scale(1,1) rotate(-10deg);
              -moz-transform: scale(1,1) rotate(-10deg);
              -webkit-transform: scale(1,1) rotate(-10deg);}
       


        #soloinvitadostopde32 {
        position: fixed;
        top: 1px;
        z-index: 99999999!important;
          margin-left: -150px;
        }
        #soloinvitadostopde32 a {
        cursor: pointer;
        display: inline-block;
        height: 16px;
        line-height: 26px;
        margin: 0 6px;
          font-size: 20pt;
        font-family: 'Monotype Corsiva';
        font-weight: bold;
          color: #fff;
        }
        #soloinvitadostopde32 a#fa_notifications1 {
          background-repeat: no-repeat;
        background-image: url('http://cdn1.iconfinder.com/data/icons/crystalproject/32x32/filesystems/Globe.png');
        background-size: 30px;
        width: 30px;
          height: 27px;}
        #str {
        display: block;
        overflow: hidden;
        padding: 20px 10px;
        }#str label {
        display: block;
        }
        #str input {
        background-color: #424242;
        border: 1px solid #000;
        color: #5C5E61;
        font-family: Arial, sans-serif;
        font-size: 14px;
        margin-bottom: 5px;
        width: 250px;
        }
        input[type="password"], input[type="text"], textarea {
        -webkit-border-radius: 3px;
        background-color: #fff;
        border: 1px solid #CCC;
        border-radius: 3px;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
        color: #515151;
        cursor: text;
        display: inline-block;
        line-height: 18px;
        padding: 4px;
        }
        #login_remember_p {
        font-family: helvetica;
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        }
        #str .login_remember_p {
        display: inline-block;
        position: relative;
        width: auto!important;
        }
        #buttonlogin input.mainoption {
        background: -moz-linear-gradient(top,#97C92F,#71A00E);
        border: 4px solid #000;
        box-shadow: none;
        color: #000;
        display: block;
        margin-top: 10px;
        padding: 10px 0;
        width: 100%;
        }
       
        #fa_search {
        position: fixed;
        z-index: 99999!important;
        top: 1px;
        margin-left: 150px!important;
        }
        #fa_icon {
          display: none !important;
        }
        #fa_service {
        display: none !important;
        }
        #soloinvitadostopde {
        position: fixed;
        right: 20px;
        top: 1px;
        z-index: 99999999!important;
        }
        #soloinvitadostopde a {
        background: #EAEAEA;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #000!important;
        cursor: pointer;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        margin: 0 3px;
        padding: 7px 10px;
        }
        #soloinvitadostopde a#fa_notifications {
        background: #badcf3;
        }
        .sutlogin {
        background: rgb(223, 223, 223);
        border: 1px solid #242424;
        border-radius: 0 0 3px 3px;
        color: #606364;
        font-family: arial;
        font-size: 13px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        margin-top: 7px;
        padding: 0;
        position: absolute;
        right: 110px;
        top: 30px;
        width: 291px;
        z-index: 999;
        }
        body #fa_toolbar #live_notif .fa_notification {
        background: -moz-linear-gradient(top,rgba(0, 163, 255, 0.74) ,rgba(0, 153, 255, 0.77))!important;}
        body #fa_toolbar #live_notif {
        position: fixed!important;
        bottom: 10px!important;
        left: 10px!important;
        }
        body #fa_toolbar #live_notif .fa_notification {
        background: -webkit-linear-gradient(top, rgba(0, 163, 255, 0.74), rgba(0, 153, 255, 0.77))!important;
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.31);
        opacity: 1!important;
        border: 1px solid #017FBB;
        }body #fa_toolbar #fa_menu:hover :visited{
        background: transparent!important;
        }
        html body #fa_right a#fa_notifications.rightHeaderLink {
        background: rgb(186, 220, 243);
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #000!important;
        display: inline-block!important;
        height: 16px;
        line-height: 16px;
        padding: 7px 5px;
        }
        body #fa_toolbar_hidden {
        display: none!important;
        }
        body #fa_hide {
        display: none!important;
        }
        body #fa_menu,body #fa_notifications {
        border-left: 1px solid #333;
        }
        body #fa_toolbar {
        position: fixed;
        border-top: 1px solid #333;
        box-shadow: 0 1px #000, 0 2px 1px rgba(0, 0, 0, .4);
        background-color: #222;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        padding: 0px;
        border-bottom: 7px solid #EAEAEA;
        background: #35353e;
        }
        body #fa_magnifier {
        display: none!important;
        }
        body #fa_search #fa_textarea {
        color: #ddd;
        outline: none;
        background-image: url("http://i.imgur.com/nVk5EZS.png");
        background-repeat: no-repeat;
        background-position: 4px center;
        width: 150px;
        line-height: 0px;
        text-indent: 0px !important;
        padding-left: 24px!important;
        background-color: rgb(17, 17, 17);
        border-left: 4px solid rgb(84, 90, 99);
        margin: 0px;
        height: 32px;
        border-right: 1px solid #333;
        -webkit-transition: 0.5s;
        -moz-transition-duration: 0.5s;
        -htm-transition-duration: 0.5s;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        border-radius: 0px;
        top: -2px;
        position: relative;
        }
        body #fa_search #fa_textarea:focus {
        width: 220px;
        background-image: url("http://i.imgur.com/1jpriTU.png");
        background-color: white;
        color: rgb(40, 44, 49);
        }
        body #fa_toolbar #fa_right a.rightHeaderLink ,body #fa_share {
        display: none!important;
        }
        #fa_toolbar #fa_menulist {
        padding: 0px;
        background: #EAEAEA;
        border-radius: 0 0 3px 3px;
        min-width: 340px;
        margin-top: 7px;}
        #fa_toolbar #fa_menulist li {
        display: block;
        background-color: transparent;
        border: none;
        height: 42px;
        line-height: 42px;
        padding-left: 20px;
        margin-left: 150px;
        }
        #fa_toolbar #fa_menulist li:hover {
        padding-left: 14px;
        border-left: 6px solid #3995cd;
        color: #fff;
        background: #3a3a3a;
        }
        #fa_toolbar #fa_right .fa_separator {
        display: none!important;
        }
        #fa_toolbar #fa_menulist :link, #fa_toolbar #fa_menulist :visited {
        color: #999!important;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-style: normal;
        display: block!important;}
        #fa_toolbar #fa_menulist :hover:link, #fa_toolbar #fa_menulist :hover:visited {
        background: none!important;
        color: white!important;
        }
        #fa_toolbar #fa_right.notification #notif_list {
        right: 0px!important;
        }
        body #fa_right.welcome #fa_menu #fa_welcome {
        background: -ms-linear-gradient(top,#77AC0B,#71a00e);
        background: -o-linear-gradient(top,#77AC0B,#71a00e);
        background: linear-gradient(top,#77AC0B,#71a00e);
        background: -webkit-linear-gradient(top, rgb(119, 172, 11) 0%,#71a00e 100%);
        background: -moz-linear-gradient(top,#77AC0B,#71a00e);}
        body #fa_toolbar #fa_welcome {
        background: #EAEAEA;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #000!important;
        }
        body #fa_toolbar > #fa_right.notification > #fa_notifications {
        background: -webkit-linear-gradient(top, rgb(221, 110, 0%,#ff811f 100%);
        background: -moz-linear-gradient(top,#DD6E08 ,#ff811f);
        background: -ms-linear-gradient(top,#DD6E08 ,#ff811f);
        background: -o-linear-gradient(top,#DD6E08 ,#ff811f);
        background: linear-gradient(top,#DD6E08 ,#ff811f);}
        body #fa_toolbar #fa_right #notif_list li {
        border-top: 1px solid #faf9f9!important;
        border-bottom: 1px solid #cbcbcb!important;
        position: relative;
        background-image: -webkit-linear-gradient(top,#f1f0f1,#e4e4e4);
        background-image: -moz-linear-gradient(#f1f0f1,#e4e4e4);
        background-image: -ms-linear-gradient(top,#f1f0f1,#e4e4e4);
        background-image: -o-linear-gradient(top,#f1f0f1,#e4e4e4);
        background-image: linear-gradient(top,#f1f0f1,#e4e4e4);}
        body #fa_toolbar #fa_right #notif_list li.see_all {
        background: black;
        border: 1px solid black!important;
        text-align: center;
        }
        body #fa_toolbar #fa_right #notif_list li hr {
        border: none;
        }
        body #fa_toolbar #fa_right #notif_list li .contentText a {
        color: #1E79A4!important;
        text-decoration: none!important;
        }
        body #fa_toolbar #fa_right #notif_list li .contentText a:hover {
        color: #d85724!important;
        }
        #fa_right {
        float: right;
        font-size: 14px;
        margin-right: 20px;
        }

        .attach{float: right;}
        .hide{display: none;}
        #adv_search{width: 16px;
        height: 16px;
        background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
        text-indent: -3000em;
        display: inline-block;
        margin: 4px 0 4px 4px;}
        #search_wrap{position: relative;
        background: white;
        display: block;
        padding: 0 26px 0 4px;
        height: 26px;
        line-height: 25px;
        -moz-border-radius: 3px 4px 4px 3px;
        border-radius: 3px 4px 4px 3px;
        border-radius: 3px 4px 4px 3px;
        -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        min-width: 230px;}
        #main_search {margin-top: 5px;
        font-size: 12px;
        border: 0;
        padding: 0;
        background: transparent;
        width: 130px;
        outline: 0;}
        #search_options {font-size: 10px;
        height: 20px;
        line-height: 20px;
        margin: 3px 3px 3px 0;
        padding: 0 6px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #EAEAEA;
        display: inline-block;
        float: right;
        max-width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;}
        #search .submit_input {background: #7BA60D url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
        text-indent: -3000em;
        padding: 0;
        border: 0;
        border: 1px solid #7BA60D;
        display: block;
        width: 26px;
        height: 26px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);}



        .signature_div img{
max-width: 500px !important;
max-height: 200px !important;
}

a[href="/u17"] span{
color: 348017 !important;
}

a[href="/u17"] {
text-decoration: bold !important;
text-shadow: 0 0 0.2em #024E00, 0 0 0.2em black, 0 0 0.2em #024E00;
}