invison power board ipb profile is not working correctly
3 posters
Page 1 of 1
invison power board ipb profile is not working correctly
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
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
Re: invison power board ipb profile is not working correctly
Guest can not see this - http://punbb-design.forumotion.com/t35p45-html-ipb-profile-v15-new .
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: invison power board ipb profile is not working correctly
Yes, please. You are not really allowed to post a link to a tutorial that guests can not see.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: invison power board ipb profile is not working correctly
Try redoing the tutorial. Make sure that you remove all the template code before adding the new one.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: invison power board ipb profile is not working correctly
Check your CSS for any codes that could be related to the profile pages.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: invison power board ipb profile is not working correctly
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;
}
Similar topics
» Can I Know The Version of Invison Board???
» admin control panel not working correctly, moderation buttons not working, when posting message saying link to insecure url
» Invision Power Board
» CSS - Administration menu - Invision Power Board
» Announcement bar is not working correctly
» admin control panel not working correctly, moderation buttons not working, when posting message saying link to insecure url
» Invision Power Board
» CSS - Administration menu - Invision Power Board
» Announcement bar is not working correctly
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum