twilightBB

[NEWPOST BUTTON] Additional Button Nav Menu [TUTORIAL] - twilightBB

[NEWPOST BUTTON] Additional Button Nav Menu [TUTORIAL]

by EYESTRA1N » Mon Apr 01, 2013 2:05 am

I just want to share a new post button on TwilightBB themes with my own button with hovering effect.

Hope you like it.

Image

Image

If you wanna try my button visit this link


Instruction:
twilightBB/template/overall_header.html

Find this line:

Code: Select all

<!-- IF S_DISPLAY_MEMBERLIST --><li><a class="members" href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->


Paste this After:
NOTE: Change the http://www.yoursite.com with your site

Code: Select all

<!-- IF S_DISPLAY_MEMBERLIST --><li><a class="newestpost" href="http://www.yoursite.com/search.php?search_id=newposts" title="View Newest Post"><span>{L_DISPLAY_TOPICS}</span></a></li><!-- ENDIF -->



On css,
twilightBB/stylesheet.css

Find this line:

Code: Select all

.faq { 
   background: url("{T_IMAGESET_LANG_PATH}/faq.png") 0 0 no-repeat;

}


Paste this line AFTER:

Code: Select all

.newestpost { 
   background: url("{T_IMAGESET_LANG_PATH}/newpost.png") 0 0 no-repeat;
}


Find this line:

Code: Select all

.faq span, 


Paste this after:

Code: Select all

.newestpost span, 


Find this line:

Code: Select all

.faq:hover, 


Paster this after:

Code: Select all

.newestpost:hover, 


Download my newpost.png image and put it to:
twilightBB/images/en/


enjoy
:mrgreen:

thank you so much
newpost.png
newpost.png (10.82 KiB) Viewed 262 times
EYESTRA1N
Registered User
Posts: 2
Joined: Sat Mar 16, 2013 5:28 am
Contact:

Re: [NEWPOST BUTTON] Additional Button Nav Menu [TUTORIAL]

by Meceka » Thu Oct 10, 2013 8:17 am

Hello, link to download your buttons isn't working, can you re upload please?
I liked the styles of the buttons, great work!
Meceka
Registered User
Posts: 7
Joined: Sat Sep 07, 2013 2:36 pm
Contact: