Support Forum Softcomplex logo
About Us  | Services  | Download  | Order  | Support  | |
| Search | Today's Posts | Stats | Board Rules | Not logged in [ Login | Register ]
go to bottom
Last active: Never

Printable Version | Subscribe | Add to Favourites   Post new thread
Author: Subject: images as button's background
mafran
Newbie

Posts: 1
Registered: 10/13/2003
Member Is Offline
posted on 10/13/2003 at 06:24 PM Reply With Quote
images as button's background


Dear all,
I have used the Tigra menu with a lot of satisfaction, and now I'd like to personalize it.
I need to put an image as background of the buttons with the link text over it.
I think I should use the inner html feature but I don't know how to use it.
I've tryed copying this line ['<img src="icon.gif">&nbsp;SoftComplex', 'http://www.softcomplex.com/'], found in the documentation in the file menu_item.js and I put an image called icon.gif in the same path of the .js files but it does not work, it just create a new menu item displaying this text '<img src="icon.gif">&nbsp;SoftComplex', and no image!
Please help me with some tips ( where I have to copy that line to make it function?)
Thank you very much for your support.

Marco

P.s.:sorry for my terrible english!!!
View User's Profile View All Posts By User U2U Member
turcanu
Junior Member

Posts: 6
Registered: 1/26/2004
Member Is Offline
posted on 1/27/2004 at 09:20 AM Reply With Quote

any advices on background image here?
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 1/27/2004 at 06:15 PM Reply With Quote

Images can be inserted into menu items by using either CSS settings or inner HTML.

CSS: specify background-image property for outer tag of the item.

Inner HTML: insert HTML for table into item's text. Assign background image to the table and put item's text inside some cell. If you receive javascript errors then check for correct quotation.
View User's Profile View All Posts By User U2U Member
Troop476
Junior Member

Posts: 4
Registered: 9/24/2004
Location: Bellevue NE
Member Is Offline
posted on 9/29/2004 at 06:53 PM Reply With Quote
syntax


What is the correct syntax:

is it:

background-image: 'imagename.jpg'

I tried putting this in the menu.css file under the

.m0l0iout

section but it did not work.

I also noticed that if I changed the Color property it did not work, only when I changed it in the menu_tpl.js file and not the menu.css file.
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 9/30/2004 at 05:21 AM Reply With Quote

With CSS: apply the styles to outer tag if you want to change the item's box properties (such as background, borders, background image etc). inner tag is for font settings (font face, text decoration, fornt weight etc).

Some aspects of menu configuration via CSS may differ along menu versions.
View User's Profile View All Posts By User U2U Member
computertech
Newbie

Posts: 1
Registered: 4/15/2006
Member Is Offline
posted on 4/15/2006 at 01:23 AM Reply With Quote

I'm using the free version of Tigra and would like to add background images to each level of the menu, and have the image change in the hover, on, out, and active states. I'm not very good at css however. What code would I use? I think I've identified the 4 areas of the tpl.js file, and I sort of see where this might go in the css file. Basically I need to know what code to use and where to put it.
View User's Profile View All Posts By User U2U Member
DMHDMH
Newbie

Posts: 1
Registered: 1/10/2008
Member Is Offline
posted on 1/10/2008 at 09:03 PM Reply With Quote

Add this in the menu.css doc in the appropriate css item and remove the background color.

background: url("http://domain.com/menu_files/image_name.jpg");
View User's Profile View All Posts By User U2U Member
Post new thread

Related Links:
Product Page Tigra Menu
Product Demonstrations Live Demos:
Traditional Blue
White Steps
Inner HTML
All Together
Frames Targeting
Free Download Free Download
Free Download Menu Builders
Online Builder
Builder for Windows
Product Documentation Documentation:
Documenation Page
Change Log
Menus Comparison Table
Support Forum Support Forum
 
Tigra Menu PRO
Product Demonstrations Live Demos
Alignment & Multimenus
Unlimited Depth
Item sizing and positioning
Inner HTML
Frames, Targeting
Static Positioning
Free Download Menu Builders
Online Builder
Product Documentation Documentation
Documenation Page
Tigra Menu PRO FAQ
Change Log
Menus Comparison Table
Support Forum Technical Support
Support Forum
Customer Care System
Order Now ORDER NOW!
Add to Cart
View Cart
 
Product Page Tigra Menu GOLD
Functionality demos Functionality demos
Multiple
Cross-framed
Select-boxes
Effects
Design demos Design demos
Icons & arrows
Idea!
Hi there!
Matrix
MS Style
XP Style
Dots
3D-Buttons
Product Documentation Documentation
Documenation Page
Change Log
Menus Comparison Table
Support Forum Technical Support
Support Forum
Customer Care System
Order Now ORDER NOW!
Add to Cart
View Cart
 

Go To Top


Powered by XMB 1.9.1 Nexus
Developed By Aventure Media & The XMB Group © 2002-2004