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.

buttons

View previous topic View next topic Go down

Solved buttons

Post by Guest on September 22nd 2011, 7:15 pm

http://upetesting.forumotion.co.uk/

hello in this forum i move my mouse ton home portal ...

and i see 2 pics ...

http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png


i want this code to add to my forum Smile

sorry for bad english


Last edited by Anony-psychology on September 22nd 2011, 10:10 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 7:22 pm

Hi
Remove your navigations out of Admin panel and add them all
through CSS. Also go to Display >> Headers and navigations
>> Display only images in nav bar: YES

Do this for the static image:
Code:
#i_icon_mini_index {
background-image: url('IMAGE LINK GOES HERE');
width: XYpx;
height: XYpx;
}

And than this for hover:
Code:
#i_icon_mini_index:hover {
background-image: url('IMAGE HOVER LINK GOES HERE');
width: XYpx;
height: XYpx;
}

Do it for all navigations, just change the end of #i_icon_mini

Like this:
_portal {
_portal:hover {

This is for the rest of navigations:
_profile
_calendar
_gallery
_message
_new_message
_register
_login
_logout
_search
_faq

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 8:15 pm

i have only one pic ...

http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png

please help me i dont understand

give me an example please

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 8:29 pm

Oh, he used something different, I did not look, you are aware you must not use his settings/pictures? It would be like stealing. This is how he did it.

Code:
#i_icon_mini_index {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 100px;
}
#i_icon_mini_index:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_portal {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_portal:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_gallery {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_index {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 100px;
}
#i_icon_mini_index:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_portal {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_portal:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_gallery {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_gallery:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_calendar {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Calendar.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_calendar:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Calendar.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_faq {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/FAQ.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_faq:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/FAQ.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_search {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Search.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_search:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Search.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_members {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Members.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_members:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Members.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_groups {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Groups.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_groups:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Groups.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_profile {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Profile.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_profile:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Profile.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_message {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Message.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_message:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Message.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_new_message {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/New_pm.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_new_message:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/New_pm.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_logout {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Logout.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 101px;
}
#i_icon_mini_logout:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Logout.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_register {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Register.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_register:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Register.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_login {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Login.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 101px;
}
#i_icon_mini_login:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Login.png") no-repeat scroll 0 -44px transparent;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 8:39 pm

on other site he gives to the people's his pics ...

http://www.theadminzone.com/forums/showpost.php?p=596451&postcount=1

and i dont stealing anything , do you thing ?

if i copy anything can write copyrights to "thomasbenacci" ??

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 8:44 pm

If they are free you can use the ofcourse. You showed me the forum that uses it thats why I thought they are ot free.

Now remove your photos from AP > Display > Pictures managment > Advanced

&

Set in AP > Display > Headers and navigation to display only images in navigations

&

Add the code I posted up to your CSS.

That's all.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 8:49 pm

not play...

my forum url is

http://global-greece.forumotions.info/

css code with this ...


Code:
* {
    margin: 0px;
    padding: 0px;
    }
html {
   font-size: 98%;
   height: 98%;
   }
* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }

/* Begin CSS for print media */
@media print {
   * {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
body {
   padding: 0;
    margin: 0;
    font-size: 10pt;
background-align:center;
   }
body#phpbb div#wrap {
   width: 99%;
    margin: 0;
   }
span.corners-top,span.corners-bottom {
   display: none;
   }
}
/* Header */
#wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
   display: none !important;
   }

#i_icon_mini_index {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 100px;
}
#i_icon_mini_index:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_portal {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_portal:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_gallery {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_index {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 100px;
}
#i_icon_mini_index:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Home.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_portal {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_portal:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Portal.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_gallery {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_gallery:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Gallery.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_calendar {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Calendar.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_calendar:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Calendar.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_faq {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/FAQ.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_faq:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/FAQ.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_search {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Search.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_search:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Search.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_members {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Members.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_members:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Members.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_groups {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Groups.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_groups:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Groups.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_profile {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Profile.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_profile:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Profile.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_message {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Message.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_message:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Message.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_new_message {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/New_pm.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_new_message:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/New_pm.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_logout {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Logout.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 101px;
}
#i_icon_mini_logout:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Logout.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_register {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Register.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 88px;
}
#i_icon_mini_register:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Register.png") no-repeat scroll 0 -44px transparent;
}
#i_icon_mini_login {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Login.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 101px;
}
#i_icon_mini_login:hover {
    background: url("http://www.thomasbenacci.co.uk/files/Blue_Pack/Login.png") no-repeat scroll 0 -44px transparent;
}

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 8:53 pm

Here http://movingagain.forumcroatian.com/forum I tried it and works.
Try adding the code to the top of your CSS.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 8:55 pm

not play again Sad

omg my theme crashed !!


Last edited by Anony-psychology on September 22nd 2011, 8:59 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 8:56 pm

How come when I can see them there? Shocked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 8:59 pm

omg my theme crashed !!

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 9:14 pm

How do you mean it crashed?

1. This is your theme before and now that you have removed the code. Nothing has changed on it, it looked like that when I first clicked on your link.



2. This was your theme with navigations added, when you said they don't appeare.



Can you please explain the difference?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 9:23 pm

my theme isnt this ... i have black tables ...before this background ...

sorry for bad english

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 9:27 pm

Nope, it looked like this first time I visited it. Maybe you removed something before and you don't know what.

The first picture is from the tab opened from the beggining.

If you can tell me what's missing I can tell you how to get it back.

+ See the picture with navigations, that is the picture when you added the code on the top, what means = it works fine.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 9:31 pm



look this ...

my theme is black with not only this background ..
thats the error ..

theme is a world in a phpbb3 i dont remember anything else

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 9:33 pm

Ok, now put the navigation code on top so you have navigations back, and to make it black add this to CSS.

Code:
#wrap {
    background: black !important;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 9:51 pm

wait i re-search my theme in forumotion skins ...
====
hello again nera !!

my problem is .. i cant instal anything theme for my forum !! Sad

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 10:00 pm

Why? What error are you getting?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: buttons

Post by Guest on September 22nd 2011, 10:10 pm

hmm is ok now i press install 4 times...

and is ok now and now add again the buttons code..

and is ok ...

thanks

please report this bug ..(why 4 time to select a theme ..)

good night nera Smile

solved

Guest
Guest


Back to top Go down

Solved Re: buttons

Post by Nera. on September 22nd 2011, 10:12 pm

Welcome.

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.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