The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to creative a Breadcrumbs bar for phpBB3

View previous topic View next topic Go down

How to creative a Breadcrumbs bar for phpBB3

Post by tonetone on June 27th 2015, 9:28 am

Please help to teach me How to create a Breadcrumbs bar for phpBB3 forum.


The original:



The Breadcrumbs bar i need:



Thank you & Regards,

tonetone

tonetone
Forumember

Male Posts : 31
Reputation : 2
Language : English
Location : Japan

http://yeucotuong.123.st

Back to top Go down

Re: How to creative a Breadcrumbs bar for phpBB3

Post by tonetone on June 28th 2015, 8:37 am

@Ange TuteurI need your help. Hello

tonetone
Forumember

Male Posts : 31
Reputation : 2
Language : English
Location : Japan

http://yeucotuong.123.st

Back to top Go down

Re: How to creative a Breadcrumbs bar for phpBB3

Post by tonetone on June 29th 2015, 4:22 am

Bump

tonetone
Forumember

Male Posts : 31
Reputation : 2
Language : English
Location : Japan

http://yeucotuong.123.st

Back to top Go down

Re: How to creative a Breadcrumbs bar for phpBB3

Post by Zzbaivong on June 29th 2015, 10:14 am

CSS Stylesheet:
Code:
/* breadcrumbs for phpBB3 */
.topic-actions > .search-box,.pathname-box{margin:0;float:none}
.pathname-box .nav[href=""]{display:none}
.topic-actions > p:not(.right),.pathname-box > p{background:#fff;border:1px solid #A8A8A8;padding:0;margin:20px 0;font-size:0}
.topic-actions > p:after,.pathname-box > p:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.topic-actions > p> a,.pathname-box > p > a{float:left;font-size:12px;color:#666;margin:0;padding:0;line-height:36px;height:36px;display:block;position:relative;background:#DDD;padding:0 10px 0 20px}
.topic-actions > p> a:first-child,.pathname-box > p > a:first-child{background:url(http://i18.servimg.com/u/f18/14/64/86/06/home_p11.png) no-repeat center center #2980b9;width:30px;padding-left:4px}
.topic-actions > p> a:first-child > span,.pathname-box > p > a:first-child > span{display:block;text-indent:-9999px}
.topic-actions > p> a:before,.topic-actions > p > a:after,.pathname-box > p > a:before,.pathname-box > p > a:after{content:" ";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#DDD;display:block;position:absolute;right:-12px;top:0;z-index:10;width:0;height:0}
.topic-actions > p> a:after,.pathname-box > p > a:after{border-left-color:#999;right:-13px;z-index:5}
.topic-actions > p> a:first-child:before,.pathname-box > p > a:first-child:before{border-left-color:#2980b9}
.topic-actions > p> a:hover,.pathname-box > p > a:hover{background-color:#333;color:#FFF}
.topic-actions > p> a:hover:before,.pathname-box > p > a:hover:before{border-left-color:#333}
.topic-actions > p> a:hover > span,.pathname-box > p > a:hover > span{color:#FFF}

Zzbaivong
Forumember

Posts : 95
Reputation : 46
Language : JavaScript ^^

http://devs.forumvi.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum