Posted Sat Sep 06, 2014 3:46 am
SocialAcademy • Forum » Support Section » Ask Question 's & Problems » Solved & Trash Files → [Answered] Ips steps in registration
- Please log in to Reply
#2
Grafix
Posted Sat Sep 06, 2014 9:33 am
POPULAR
mikeybilu wrote:[link="/t588-ips-steps-in-registration#4940"]Details:helo, i just want to know how to do dis one ips in registrtion?
Screenshot:
Forum Address: www.techieworld.com
Forum Version: punbb
Hello [tag]mikeybilu[/tag], go to your Javascript Management and
Name: IPS Steps
Placement: All Pages
- Code:
jQuery(document).ready(function() {if(jQuery('.main-content.standalone h2.u:contains("Conditions of use Forum")').length) {jQuery('#pun-visit + .pun-crumbs').after('<div class="ipsSteps clearfix"><ul><li class="ipsSteps_active"><strong class="ipsSteps_title">Step 1</strong><span class="ipsSteps_desc">Users Condition.</span><span class="ipsSteps_arrow"> </span></li><li class="" style="width: 83px;"><strong class="ipsSteps_title">Step 2</strong><span class="ipsSteps_desc">your account</span><span class="ipsSteps_arrow"> </span></li><li class="" style="width: 83px;"><strong class="ipsSteps_title">Step 3</strong><span class="ipsSteps_desc">Confirmation</span><span class="ipsSteps_arrow"> </span></li></ul></div>');}if(jQuery('.main #ucp div:contains("Register in Forum")').length) {jQuery('#pun-visit + .main:contains("Register in Forum")').before('<div class="ipsSteps clearfix" style="margin-bottom: 8px;"><ul><li class=""><strong class="ipsSteps_title">Step 1</strong><span class="ipsSteps_desc">Users Condition.</span><span class="ipsSteps_arrow"> </span></li><li class="ipsSteps_active" style="width: 83px;"><strong class="ipsSteps_title">Passo 2</strong><span class="ipsSteps_desc">your account</span><span class="ipsSteps_arrow"> </span></li><li class="" style="width: 83px;"><strong class="ipsSteps_title">Step 3</strong><span class="ipsSteps_desc">Confirmation</span><span class="ipsSteps_arrow"> </span></li></ul></div>');}});
- Code:
.ipsSteps{background:#E9E9E9;height:55px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.ipsSteps li:first-child{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.ipsSteps ul li{float:left;padding:11px 33px 5px 18px;color:#323232;background-image:url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png');background-repeat:no-repeat;background-position:100% -56px;position:relative;height:39px;text-shadow:rgba(255,255,255,0.6) 0 1px 0}
.ipsSteps_title{display:block;font-size:14px;padding-bottom:4px}
.ipsSteps_desc{font-size:11px}
.ipsSteps ul li:first-child .ipsSteps_arrow{display:none !important}
.ipsSteps .ipsSteps_active{background-position:100% 0;color:white;text-shadow:0 -1px 0 rgba(0,0,0,0.8)}
.ipsSteps_active .ipsSteps_arrow{display:block;position:absolute;left:-23px;top:0;width:23px;height:55px;background:url('http://i69.servimg.com/u/f69/17/45/75/97/wizard10.png') no-repeat 0 -112px}
(c)[tag][F]lames[/tag]
#3
mikeybilu
Posted Tue Sep 09, 2014 7:39 am
Wow ! I love this Thaank you for this solved!
#4
Grafix
Message (Page 1 of 1)
Share Topics Url
Url | |
BBcode | |
HTML |
Permissions in this forum:
You cannot reply to topics in this forum