Hall of Fame

[PHPVibe A.]

Please post here anything you want to know or change on the UltimaTube/Brasil theme.


Some tips:

Making jwplayer's height fit:

open lib/class.provider.php and around line 147 remove this

Code Select Expand

aspectratio: "15.4:8",

Recommended thumb size (under Configuration)

Code Select Expand

175 per 98

Large logo issues:
Drop this at the end of css/vibe.style.css

Code Select Expand

a.logo {
width: 130px;
width: calc(100% - 62px);
}

You can adjust the values as it fits your needs/size.
First value is in px as a fallback for browsers that don't support css calc().

Sidebar/Menu always visible

Open tpl/brasil/sidebar.php and find this line:

Code Select Expand

<div id="sidebar" class="hide">

replace with

Code Select Expand

<div id="sidebar">

in tpl/brasil/tpl.globals.php find:

Code Select Expand

<div id="wrapper" class="container">

also

Code Select Expand

<div id="footer">

and change them to

Code Select Expand

<div id="wrapper" class="container haside">

Code Select Expand

<div id="footer" class="haside">

Jquery fix for mobiles (Hide always visible sidebar):

In phpvibe_app.js
If you want to hide it by default in mobiles.

Code Select Expand

if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}

In the document ready.

should look like

Code Select Expand

$(document).ready(function(){
if ($( window ).width() < 600) {
if ( $("#sidebar").is(":visible") ) {
 $("#sidebar").toggleClass('hide');
}
}

Pad more the footer with css for the always visible sidebar:
Add this in tpl/brasil/css/vibe.style.css (last line for example)

Code Select Expand

#footer .haside {padding-left:190px!important}

Change the 190 to fit your needs.

== End sidebar always visible changes ==




Updates:

Brasil updated to v1.1 compatible with 3.6 b

Basically added player.ads.css to list of css files in tpl.globals.php, a small list of extra css queries to css/vibe.style.css (commented) and a new file called channels.php
Channels link in sidebar.php now sends to /channels


If you re-download the Brasil pack it's there.
To vibe.style.css you just have to add the css rules from under

Code Select Expand

/* 3.6b updates */

Also,in tpl.globals.php under:

Code Select Expand

<link rel="stylesheet" href="'.tpl().'css/lightbox.css"/>

add

Code Select Expand

<link rel="stylesheet" href="'.site_url().'lib/players/ads.jplayer.css"/>

and copy channels.php
There is also a small link edit (Video channels link) in sidebar.php
You should not loose any changes (unless you overwrite files)

Make Brasil's video page wider:
Open css/vibe.style.css and find this line:

Code Select Expand

.body-video #wrapper {max-width:1040px!important;margin-top: 58px;
}

change

Code Select Expand

max-width:1040px!important;

to your desired percentage or pixel size.


Using the wider version of the video page

Copy /large video player's folder content to tpl/brasil/
Open the admin panel and go to Settings -> Players Config

Change video page settings to:
width: 840
heigh: 480


(or test and choose your own dimensions).

[matrak]

me first

http://i.hizliresim.com/XWra70.png
http://i.hizliresim.com/b8dnAG.png
http://i.hizliresim.com/djA1z7.png
http://i.hizliresim.com/591ZrD.png

[PHPVibe A.]

What resolution you use? I think the player's ration needs to be touched, but it will look bad for other ones...hmm.

That last one is an ad I've deleted it for people to not have the same curiosity

You need to detail the first 2.

[matrak]

http://i.hizliresim.com/0VoYm9.png
http://i.hizliresim.com/4mvEb4.png
http://i.hizliresim.com/QXo6Bk.png

[PHPVibe A.]

Check now for the sidebar, we added an bigger padding for low resolution.

[matrak]

Check now for the sidebar, we added an bigger padding for low resolution.

okey super Was.

and
http://i.hizliresim.com/1Pl8aY.png
http://i.hizliresim.com/LPWB8a.png
and
http://i.hizliresim.com/O2pGp5.png

[PHPVibe A.]

Keep posting, Mario will look tomorrow and fix them.
Right now, midnight on my free day, have to get some sleep

[matrak]

Keep posting, Mario will look tomorrow and fix them.
Right now, midnight on my free day, have to get some sleep

oky

[ollipaust]

its just something very small    

Code Select Expand

#show-sidebar {
    outline: medium none;
}

and overall its a rly nice theme I've done something similar!

[Marius P.]

Looking deeper into the responsive engine before announcing the release.
You can move those blocks in sidebar.php with copy&paste @matrak.

[PHPVibe A.]

@matrak show me where this is



Cause I cannot find something similar on our installs.
U deleted cache?

[PHPVibe A.]

Theme's css files updated, also sidebar.php as requested.

[matrak]

Looking deeper into the responsive engine before announcing the release.
You can move those blocks in sidebar.php with copy&paste @matrak.

Thank you Mario
I forgot to buy early.
Was 33 euro. I have 25 euros.
and student. Can you help me please.
I am waiting for your reply. : matraktvcom@gmail.com

[matrak]

@matrak show me where this is



Cause I cannot find something similar on our installs.
U deleted cache?

this person's profile: http://www.videoinedit.com/profile/tugrul-can/1022194/
@alexander

[PHPVibe A.]

Hmm, I know from where it is. He has a Fb linked picture, will fix height via css on the avatar.

[PHPVibe A.]

Done, needed fixed sizes to avoid remote images being big.

Code Select Expand

.timeline-av {margin-right: 10px; float: left; width:40px; height:40px;}

[matrak]

Done, needed fixed sizes to avoid remote images being big.

Code Select Expand

.timeline-av {margin-right: 10px; float: left; width:40px; height:40px;}

been yes.

[matrak]

details
http://i.hizliresim.com/QXdlRZ.png
http://i.hizliresim.com/XWzoBk.png
http://i.hizliresim.com/b8o2lb.png

[PHPVibe A.]

For the advertising on the playlist page

You can place it like

Code Select Expand

<div class="span2 nomargin pull-right">
<?php echo //generated ad spot code; ?>
</div>

For that margin, I'm not sure I understand what's the problem with the content's margin...

For the share box overlapping a bit:

I think it needs an clear:both the .video-share

[matrak]

http://i.hizliresim.com/W2OQmm.png
http://i.hizliresim.com/384qQ0.png

[matrak]

http://i.hizliresim.com/gl19nQ.png

[xda]

i want buy this themes. but can u change home page design? home page design look so simple. not nice.

[matrak]

i want buy this themes. but can u change home page design? home page design look so simple. not nice.

All other pages are very nice.
Home can be more beautiful. I agree with you.
At least you'll have that. (This might be) http://i.hizliresim.com/YPG6WE.png

[oryhutch]

I've noticed on the mobile version when you try and bring up the categories they never load

[xda]

All other pages are very nice.
Home can be more beautiful. I agree with you.
At least you'll have that. (This might be) http://i.hizliresim.com/YPG6WE.png

Yeah. This home page beautiful