• Welcome to PHPVIBE Forums. Please log in.
I

[ Video Sharing CMS v4 ] Channels on Left sidebar

Started by ipeci,

Previous topic - Next topic

0 Members and 3 Guests are viewing this topic.

Go Down Pages 1 2 3 All

PHPVibe A.

#25
Change

Code Select 
.CNav, .CNav-body ,.CNav-wrapper{
	min-height:240px;
	display:block;
}


to a bigger minimum height.
This is why we have discontinued this menu.

PHPVibe A.

#26
Did you clear cache? Cause I don't see the childs in html source either.

ipeciTopic starter

#27
Now have maked a min-height= 940px ( just for testing), clared the cache  and still dont show !

Loock at the menu at the top , there showing the childs by (Tv Live )
  •  

Marius P.

#28
Last Edit: by Alexander
Here is a secondary approach (added it to Ipeci):

In sidebar.php:

Code Select 
echo '<div class="sidebar-nav">'.the_nav().'</ div>';





In css/vibe.style.css:



Code Select 
/* Sidebar navigation */
.sidebar-nav {
display:block;
clear:both;
overflow:visible;
width:170px;
}
.sidebar-nav ul {
margin: 10px 0 0 0;
_margin: 0;
position: relative;
float:left;
z-index: 1000;
background: #fff;
}
.sidebar-nav ul ul{
_margin: 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 50px;
left: 0;
z-index: 1000;
background: #fff;
border-top: 3px solid #eb6a5a;
box-shadow: 0px 2px 5px rgba(0,0,0,.15);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.15);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.15);
-o-box-shadow: 0px 2px 5px rgba(0,0,0,.15);
-ms-box-shadow: 0px 2px 5px rgba(0,0,0,.15);
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
border-radius: 3px;
}
.sidebar-nav li{
float: none;
display: block;
border: 0;
_line-height: 0;
border-bottom: 1px solid #f1f1f1;
}
.sidebar-nav a {
	float: left;
	margin: 0 5px 0 0;
	color: #888;
	text-decoration: none;
	padding: 10px 0 10px 0;
	font-size: 15px;
}


.sidebar-nav  ul li i {
 color: #f15a23;
    font-size: 15px; 
	line-height:22px;	
margin-right: 2px;
}
.sidebar-nav  ul li i:last-of-type{
margin-right: 12px;
}


.sidebar-nav li li:hover > a {
	color: #eb6a5a;
	background-color: #fafafa;
	background-image: linear-gradient(#fcfcfc, #f8f8f8);
}


*html .sidebar-nav li a:hover { /* IE6 only */
	color: #eb6a5a;
}




.sidebar-nav li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}


.sidebar-nav ul ul {
	top: -3px; /* this value is equal to the border top for the next levels "ul" of navigation [ like 2nd and 3rd "ul" ] */
	left: 160px; /* this value must be equal or less than the specified 2nd level ul links */
	margin: 0 0 0 10px; /* right distance effect for fading of the second level "ul" */
	_margin: 0; /*IE6 only*/
	visibility: hidden;
}


.sidebar-nav ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	border-bottom: 1px solid #f1f1f1;
}


.sidebar-nav ul li:last-child {   
	box-shadow: none; 
	border: none;
}


.sidebar-nav ul a {    
	width: 170px; /* width of next levels of "ul" [ like 2nd and 3rd "ul" ] */
	_height: 10px; /*IE6 only*/
	display: block;
	/* white-space: nowrap; */
	float: none;
	text-transform: none;
	margin: 0;
	padding: 4px 10px 6px; /* padding of next levels links */
	border-top: 1px solid #fff;
	font-size: 12px;
}


.sidebar-nav ul a.current {
	color: #eb6a5a;	
}




.sidebar-nav ul li ul a {
	padding-left: 12px;	
}
.sidebar-nav ul a img {
	margin-right: 12px;	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	border: 1px solid transparent;
}
.sidebar-nav ul a:hover img {
border: 1px solid #eb6a5a;
}


.sidebar-nav ul li a:last-child {
	border-radius: 0 0 3px 3px;	
}


.sidebar-nav ul a:hover {
	background-color: #fafafa;
	background-image: linear-gradient(#fafafa, #f8f8f8);
	-moz-background-image: linear-gradient(#fafafa, #f8f8f8);
	-webkit-background-image: linear-gradient(#fafafa, #f8f8f8);
	-o-background-image: linear-gradient(#fafafa, #f8f8f8);
	-ms-background-image: linear-gradient(#fafafa, #f8f8f8);
}


.sidebar-nav ul li:first-child > a {
	border-radius: 0px 0px 0 0;
}


.sidebar-nav ul ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 5px;
	top: -11px; /* -10 */
	border: 10px solid transparent;
	border-top-width: 0;
border-bottom-color: #eb6a5a;
}


.sidebar-nav ul ul li:first-child a:after {
	left: -9px; /* -7 */
	top: 55%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 9px solid transparent; /* 6 */
	border-top: 0px solid transparent; /* 6 */
	border-right: 9px solid #eb6a5a; /* 7 */
}


.sidebar-nav ul li:first-child a:hover:after {
	border-bottom-color: #eb6a5a; 
}


.sidebar-nav ul ul li:first-child a:hover:after {
	border-right-color: #eb6a5a; 
	border-bottom-color: transparent; 	
}


.sidebar-nav ul li:last-child > a {
	
}


/* navigation main-nav response fix */


.sidebar-nav_trigger { /* Hide it initially */
	display: none;
}
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  

Marius P.

#29
This will copy the top menu and adapt it to the sidebar, the old menu had issues, better remove it fully.
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  

PHPVibe A.

#30
Quote from: @Mario on
This will copy the top menu and adapt it to the sidebar, the old menu had issues, better remove it fully.

:D lol, reworked the css fully?

ipeciTopic starter

#31
Last Edit: by ipeci
Thank you Mario
I've watched you and saw that you have tried more than 20 minutes to fix my problem just to help me, so I really thank you.
In the background, I tried to help you as I have cleared the cache all the time so you can see the changes in real-time.

What I wanted to ask you about this thing is who I am logged in I see somehow a line via the menu (please see photo) ... how do I remove it?
And second question, what do you mean by "the old menu had issues, better remove it fully," Do you mean remove the entire code, ie changes in lib / funktions.php and all others who are up here?

This menu It looks awesome and I love it  ::)

Thanks again and have a nice day :-)
  •  

Marius P.

#32
Quote from: ipeci on
And second question, what do you mean by "the old menu had issues, better remove it fully," Do you mean remove the entire code, ie changes in lib / funktions.php and all others who are up here?

Yes.

I need to create an account to check the first issue but...I can't see how?
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  

ipeciTopic starter

#33
Last Edit: by ipeci
I leave the option to register for a short time one so that you can register and receive the LOG


By the way, the only reason why I is not authorizing the registrations ... here we are again at tema (private channels) who register user and upload anything from youtube, I want that the videos can not embed in my private channels, but only by me as administrator in shared channel.
  •  

PHPVibe A.

#34
Just make a custom account and pm it pls, I still see if closed.

ipeciTopic starter

#35
Last Edit: by ipeci
Quote from: @Mario on
This will copy the top menu and adapt it to the sidebar, the old menu had issues, better remove it fully.

If i remote the modifikated (funktions.php ) and put the orginal file dosnt work , better i keep this with the fixed code from Alexander here at the top!

Thnx
  •  

x5000x

#36
@Mario,

When I add your code
Code Select 
echo '<div class="sidebar-nav">'.the_nav().'<>';
on top of Alexanders code,  why are all videos showing on the sidebar.php section on main page?
  •  

PHPVibe A.

#37
Quote from: x5000x on
@Mario,

When I add your code
Code Select 
echo '<div class="sidebar-nav">'.the_nav().'<>';
on top of Alexanders code,  why are all videos showing on the sidebar.php section on main page?

The forum scripts out close div tag and replaces it with <> it should be </ div> without the space.

x5000x

#38
Alex,

Thank you very much that did the trick. Now menu look the way it should but when you log in as user or admin it messes up "My subscription box" could you please check out this and see how to fix it.

Thanks!
  •  

PHPVibe A.

#39
Add

Code Select 
style="display:block;clear:both;"

to the div with class "box"  under the menu

Code Select 
<div class="box">


to

Code Select 
<div class="box" style="display:block; clear:both;">

x5000x

#40
Alex,

When I add
Code Select 
style="display:block;clear:both;"
fixes the problem but on site it displays this code in text as well. Maybe i am punting it in wrong spot could you please be more specific?
  •  

PHPVibe A.

#41
Quote from: x5000x on
Alex,

When I add
Code Select 
style="display:block;clear:both;"
fixes the problem but on site it displays this code in text as well. Maybe i am punting it in wrong spot could you please be more specific?

I've already posted how the code should look like fully, did you checked?

x5000x

#42
Last Edit: by x5000x
I did try everything i added
Code Select 
<div class="box" style="display:block; clear:both;">
and not fix the problem.

  •  

PHPVibe A.

#43
Not there!

To the first div under

Code Select 
<div class="box">
<div class="box-head">
<h4 class="box-heading"><?php echo _lang('My subscriptions'); ?></h4><a class="pull-right" href="<?php echo profile_url(user_id(), user_name()); ?>&sk=subscribed"><?php echo _("View all"); ?></a>
</div>
<div class="box-body">


That

Code Select 
<div class="box">



to

Code Select 
<div class="box" style="display:block; clear:both;">

x5000x

#44
That did the job  ;D ;D ;D ;D

THANKS :)
  •  

PHPVibe A.

#45
:) Yw

x5000x

#46
Just have patience with us beginners :)

Last thing. Since Mario changed the css code this does not have effect:
Code Select 
.CNav, .CNav-body ,.CNav-wrapper{
	min-height:540px;
	display:block;
}


Where now to do you change height of the channels box left side?
  •  

PHPVibe A.

#47
It does not affect this last menu, that's another menu. CNav is the jquery menu from misterdevil.com
I'm not very good at giving support, hope soon some new team member will replace me, I'm better coding in the background :)

x5000x

#48
Quote from: Alexander on
It does not affect this last menu, that's another menu. CNav is the jquery menu from misterdevil.com
I'm not very good at giving support, hope soon some new team member will replace me, I'm better coding in the background :)

Alex,

You are more then better keep that in mind.
  •  

PHPVibe A.

#49
Quote from: x5000x on
Alex,

You are more then better keep that in mind.

Thank you!
Go Up Pages 1 2 3 All

Similar topics (7)