Coding-Spot

You are not connected. Please login or register

Coding-Spot » Support Category » HTML Support » HTML Support Archives

 
 
 

Floating Bars in the Side with slide...

Started by -

Message (Page 1 of 1)

#1

Xtanlee26

Xtanlee26
 
Advance Member

Posted April 21st 2013, 4:46 pm

 
Full Code Please

Explain all
....

i already try it & works

but
in the log in & log out
i cant do a thing...
& New message Message


please full explaination



& what is the code?
i want to hide my menu bars on the top...>



http://blood-line.forumtl.com


#2

Mark

Mark
 
Administrator
Administrator

Posted April 21st 2013, 5:07 pm

 
1. Go to ACP > Display > Templates > General > overall_header:
- Find this part:
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
- Paste this below it:
Code:
<ul class="navbar">
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
</ul>

2. Paste this on your CSS:
Code:
.navbar {
position: fixed;
top: 200px;
left: 20px;
list-style: none;
}
ul.navbar li img:hover{
-moz-transition:1.2s;
-ms-transition:1.2s;
-o-transition:1.2s;
-webkit-transition:1.2s;
padding-left:36px;
transition:1.2s;
}



https://coding-spot.darkbb.com


#3

Xtanlee26

Xtanlee26
 
Advance Member

Posted April 21st 2013, 5:30 pm

 


i search it

but i cant see it...

???????



http://blood-line.forumtl.com


#4

Mark

Mark
 
Administrator
Administrator

Posted April 21st 2013, 5:48 pm

 
Then try to search for:
Code:
<body>



https://coding-spot.darkbb.com


#5

Xtanlee26

Xtanlee26
 
Advance Member

Posted April 21st 2013, 5:56 pm

 
now i already fount that first

but this is my problem
i dont know how to put it properly

Can you Put code all?

This is what i want to put in the side floating menu

Forums,Faq,Search,Member,Groups,Profile,Messages,New Messages,Log in,Login

& those Messages & New Messages
Then if someone messages you the message image it will replace to new messages...
Then Those Log in only show if the user not login
Then Those Log out only show if the user is login

Please Put the Code of that... all

& where to put in



http://blood-line.forumtl.com


#6

Mark

Mark
 
Administrator
Administrator

Posted April 21st 2013, 6:16 pm

 
Just insert the tag inside this one: (This will show the image to the users who log in on your forum)
Code:
<!-- BEGIN switch_user_logged_in -->
// The image will be shown to the log in users only as long as you insert the tag.
<!-- END switch_user_logged_in -->

The output should be like this one:
Code:
<ul class="navbar">
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="/"><img src="LINKOFTHEIMAGE" /></a></li>
<!-- END switch_user_logged_in -->
</ul>



https://coding-spot.darkbb.com


#7

Xtanlee26

Xtanlee26
 
Advance Member

Posted April 21st 2013, 6:19 pm

 
by the way can i ask
what is the href of
Log in & Log out?



http://blood-line.forumtl.com


#8

Mark

Mark
 
Administrator
Administrator

Posted April 21st 2013, 6:25 pm

 
For logout: /login?logout
For login: /login

:D:



https://coding-spot.darkbb.com


#9

Xtanlee26

Xtanlee26
 
Advance Member

Posted April 21st 2013, 6:40 pm

 
ito pra sa member view
Code:
<ul class="navbar">
<li><a href="/forum"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/faq"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/search"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/memberlist"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/usergroup"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/profile"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/Message"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/login?logout"><img src="LINKOFTHEIMAGE" /></a></li>


pra sa guest view
Code:
<li><a href="/forum"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/faq"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/search"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/memberlist"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/usergroup"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/register"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/login"><img src="LINKOFTHEIMAGE" /></a></li>



http://blood-line.forumtl.com


#10

Mark

Mark
 
Administrator
Administrator

Posted April 21st 2013, 6:43 pm

 
Use this:
Code:
<ul class="navbar">

<!-- BEGIN switch_user_logged_in -->
<li><a href="/forum"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/faq"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/search"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/memberlist"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/usergroup"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/profile"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/Message"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/login?logout"><img src="LINKOFTHEIMAGE" /></a></li>
<!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_out -->
<li><a href="/forum"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/faq"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/search"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/memberlist"><img src="LINKOFTHEIMAGE" /></a></li> 
<li><a href="/usergroup"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/register"><img src="LINKOFTHEIMAGE" /></a></li>
<li><a href="/login"><img src="LINKOFTHEIMAGE" /></a></li>
<!-- END switch_user_logged_out -->

</ul>



https://coding-spot.darkbb.com


#11

Xtanlee26

Xtanlee26
 
Advance Member

Posted April 21st 2013, 6:58 pm

 
solved



http://blood-line.forumtl.com


#12

Mark

Mark
 
Administrator
Administrator

Posted April 21st 2013, 7:00 pm

 
Since the problem is solved, i'll locked this and move to archive section. :D:
~ Locked and Moved



https://coding-spot.darkbb.com


#13

Sponsored content


 

Posted

 





Message (Page 1 of 1)

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

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None