Clip-Share for Dummies!

[Joe100]

Well, I know I had and still have many questions yet its so hard to find them on the forums because there's just so much junk through out the forum that its so hard to find questions. But the real reason for this thread is newbies like to ask questions that have been posted repeatedly so I hope with this thread they will be able to take one look and solve most of their questions. So I have gathered all the most repeated questions that I can think of and posted mine/other people's answer's along with them - if you have one please post it!

These are based on 4.xx Vista Templates

"How can I get the Videos being Watch Right Now..."

You have to upload recent.php & recentplayer.swf in to the public_dir
I have attached both files but if you really want to do it manually both recent.php & recentplayer.swf can be found in CS 2.6 distribution but I bet this is much easier.

In templates/index.tpl find this code:

PHP Code:

{insert name=advertise adv_name='home_top_banner'}
         <div class="clear"></div>
         <div id="recently">
         <div id="recently-title">{translate item='global.recently_viewed'}</div>
         <div id="recently-content">
         <div class="arrow-general">&nbsp;</div>
         <ul id="mycarousel" class="jcarousel-skin-tango"></ul>
         </div>
         </div> 


and add below this code:

PHP Code:

<div align="center">
           <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="501" height="140" id="recently viewed videos" align="middle">
             <param name="allowScriptAccess" value="sameDomain" />
             <param name="movie" value="recentplayer.swf?x=recent.php&t=Recently viewed videos" />
             <param name="quality" value="high" />
             <param name="bgcolor" value="#ffffff" />
             <embed src="recentplayer.swf?x=recent.php&t=Recently viewed videos" quality="high" bgcolor="#ffffff" width="501" height="140" name="recently viewed videos" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
           </object>
         </div> 


Thank Black for that tutorial!

"How can I get rid of "ClipShare Pro" when I roll over the logo"

Its simple Just go to /templates/header_view_video.tpl and find:

<h1><a href="{$baseurl}/" title="ClipShare Pro" class="logo">ClipShare Pro</a></h1>

and replace the "ClipShare Pro" with what ever you want. You will also have to change it in /templates/view_video.tpl and header_view_video.tpl. You see simple

"Where can I edit the carousel in CS 4.xx to add more thumbnails"


Open css/jquery.jcarousel.skin.css

Find these following lines:

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 390px;
    padding: 10px 40px 0px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    text-align: center;
    width:  385px;
    height: 135px;
}

and simply replace the width to display more video thumbnails!

"How do I edit/remove Clip-share from the footer"

Open /templates/footer.tpl and find

<p>Powered By <a href="http://www.clip-share.com">ClipShare</a></p>

Then replace Clip-Share and the link witch what ever you want or just delete it. Above is where you can edit/add.

"How can I increase the logo Logo?"

Open /css/tpl_style.css and find:

#head h1 a.logo {

    display: block;

    width: 323px;

    height: 100px;

    border: none;

}

Then increase the width & height.

"I want the logo to touch the top?"

Open /css/tpl_style.css and find:

#head h1 {

    margin: 30px 30px 0px 0px;

and simply replace it with

#head h1 {

    margin: 0px 30px 0px 0px;

Nothing wrong with experimenting

"How can I get rid of the Space on Both Sides?"
Open /css/tpl_style.css and find:

    /* GENERAL CONTAINER */

#container {

    margin: 0px auto;

    padding: 0px;

    width: 740px;

    text-align: center;

}



#leftside {

    margin: 0px;

    padding: 0px;

    width: 500px;

    text-align: left;

    float: left;

}

#fullside {

    margin: 0px;

    padding: 0px;

    width: 728px;

    text-align: left;

}

And replace the container width with w/e you want; you will also have to edit the left side and full side plus your going to have to edit some margins though out the style.

    /* GENERAL CONTAINER */

#container {

    margin: 0px auto;

    padding: 0px;

    width: 927px;

    text-align: center;

}



#leftside {

    margin: 0px;

    padding: 0px;

    width: 580px;

    text-align: left;

    float: left;

}

#fullside {

    margin: 0px auto;

    padding: 0px;

    width: 728px;

    text-align: left;

}

"How can I resize the template to center it?"

Simple, just open up your /css/tpl_style.css and find (THIS WAS DONE WITH THE 4.03 DARK ORANGE TEMPLATE SO CHANGE THE COLORS):

html, body {

    margin: 0px;

    padding: 0px;

    font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

    line-height: 18px;

    color:#474038;
    

}

Add width: (change this to w/e size)px; within that css entry
This will now align your site to the left so you need to also change the
margin: 0px; to margin: 0px auto

So now your code looks like this:

html, body {
    width: (change this to w/e size)px;

    margin: 0px auto;

    padding: 0px;

    font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

    line-height: 18px;

    color:#474038;
    

}

This only affects the body of your site and you will probably notice that the content is now smaller which will require further css editing.

Well this is all the most simple basic problems I have repeatedly seen posted that I remember at the moment because its 12:59 AM! If anyone has questions post them I will try to answer them and like I said I hope someone can post there answers!

[lepikouze]

Wow good job Joe100, i think that will help a lot of users.

Also for

"How can I get rid of "ClipShare Pro" when I roll over the logo"

Its simple Just go to /templates/header_view_video.tpl and find:

Code:

<h1><a href="{$baseurl}/" title="ClipShare Pro" class="logo">ClipShare Pro</a></h1>

and replace the "ClipShare Pro" with what ever you want. You will also have to go to /templates/view_video.tpl and do the same there. You see simple

You can change by :

<h1><a href="{$baseurl}/" title="{$site_name}" class="logo">{$site_name}</a></h1>

reagards

[snoopgst]

Nice post thanks..

[dargre]

"recent.php" example is not correct to the end.

- not always default thumb is "1_xx.jpg"
- last part of the movie url is invalid, however still work as title doesn't matter...

Also don't forget - if you change something in "head1.tpl", same change should be applied to "header_view_video.tpl".

Fianlly, you should mention that changes to css are valid for 1 certain template that you have.
This may misslead people if they have other template than you.

And indeed - post for Dummies

- D.

[Joe100]

I suppose I am still a dummie huh thanks Dagre lol

Originally Posted by Joe100

So I have gathered all the most repeated questions that I can think of and posted mine/other people's answer's along with them

Originally Posted by Joe100

Well this is all the most simple basic problems I have repeatedly seen posted that I remember at the moment because its 12:59 AM! If anyone has questions post them I will try to answer them and like I said I hope someone can post there answers!

Originally Posted by dargre

Fianlly, you should mention that changes to css are valid for 1 certain template that you have.
This may misslead people if they have other template than you.

And indeed - post for Dummies

- D.

I thought of that, but if you look through it doesn't show a single color which can mess anything up, the only place that does has now been fixed thanks to you But anyways if I have time I'll try to find more, thanks everyone lol

[Joe100]

Im sorry I did forget the DarkMatter and ClearWater. I amused everyone would know automatically that these were based on 4.xx Vista Templates, but I should have know better since most newbies wouldn't of known.

[Joe100]

"Delete Banner on Hompage?"
For some reason this one is discussed quite much, and I believe is the most easy of them all But if you don't know the script I understand in can be very difficult! Now I did this is version 4.03
Open /templates/index.tpl and you should find soemthign that looks like this:

<div id="leftside">
    {if $smarty.session.UID eq ""}
         <div class="clear"></div>
         <div id="banner">
                <!-- show banner feature -->
                <div class="feature">
                  <a href="{seourl rewrite='videos' url='video.php?next=watch'}"><h3>{translate item='index.watch'}</h3></a>
                  <p><img src="{$imgurl}/watch.png" alt="Watch" />{translate item='index.watch_expl'}</p> 
                </div>
                <div class="feature">
                    <a href="{seourl rewrite='upload' url='upload.php'}"><h3>{translate item='index.upload'}</h3></a>
                  <p><img src="{$imgurl}/upload.png" alt="Upload" />{translate item='index.upload_expl'}</p>
                </div>
                <div class="feature">
                  <a href="{seourl rewrite='invite' url='invite_friends.php'}"><h3>{translate item='index.share'}</h3></a>
                  <p><img src="{$imgurl}/share.png" alt="Share" />{translate item='index.share_expl'}</p>
                </div>
                <!-- end show banner -->
         </div>     
		 <br />
         {insert name=advertise adv_name='home_top_banner'}
         <div class="clear"></div>
         <div id="recently">
         <div id="recently-title">{translate item='global.recently_viewed'}</div>
         <div id="recently-content">
         <div class="arrow-general">&nbsp;</div>
         <ul id="mycarousel" class="jcarousel-skin-tango"></ul>
         </div>
         </div>

Just replace that with this:

<div id="leftside">
    {if $smarty.session.UID eq ""}
         <div class="clear"></div>
         {insert name=advertise adv_name='home_top_banner'}

         <div class="clear"></div>
         <div id="recently">
         <div id="recently-title">{translate item='global.recently_viewed'}</div>
         <div id="recently-content">
         <div class="arrow-general">&nbsp;</div>
         <ul id="mycarousel" class="jcarousel-skin-tango"></ul>
         </div>
         </div>

And there ya go

[Joe100]

Despite the fact that this is more of a mod, I was asked how to do this and I should have just gave them the link I deiced to post it here too

Last 5 Comments MOD. It's a little complicated but follow the steps correctly and you're good to go!

1. You'll need to open:
index.php
funciton.php
index.tpl

2. In FUNCTION.PHP add the following around line 700:

function insert_id_to_video($id)
{
        global $config,$conn;

        $sql="select title from video where VID='" .mysql_real_escape_string($id['vn']). "' LIMIT 1";
        $rs=$conn->execute($sql);
        return $rs->fields['title'];
}

function insert_vkey_to_video($id)
{
        global $config,$conn;

        $sql="select vkey from video where VID='" .mysql_real_escape_string($id['vk']). "' LIMIT 1";
        $rs=$conn->execute($sql);
        return $rs->fields['vkey'];
}

2. In INDEX.PHP add the following around line 58:

	$sql = "SELECT * FROM comments ORDER BY addtime DESC LIMIT 5";
		$rs  = $conn->execute($sql);
		$recentcomments = $rs->getrows();

3. In INDEX.PHP add the following around line 86:

STemplate::assign('recentComments', $recentcomments);

4. In INDEX.TPL add the following wherever you'd like the comments to show up:

{section name=k loop=$recentComments }
     {assign var=looprecord value=$smarty.section.k.index}
	<p>{$recentComments[k].commen}<br />
       {insert name=id_to_name assign=uname un=$recentComments[k].UID}
        by:<a href="{seourl rewrite="users/`$uname`" url="uprofile.php?UID=`$recentComments[k].UID`"}">{$uname}</a><br />
       {insert name=id_to_video assign=title vn=$recentComments[k].VID} 
       {insert name=vkey_to_video assign=vkey vk=$recentComments[k].VID}
        on: <a href="{seourl rewrite="video/`$recentComments[k].VID`" url="view_video.php?viewkey=`$recentComments[k].vkey`" clean=$recentComments[k].title}">{$title}</a></p>
    {/section}

If you are putting this on a different page than the INDEX.TPL, make sure you use the associating PHP and TPL file for steps 2-4. For example if you want to put it on the VIEW_VIDEO page somewhere, you would put steps 2 and 3 in VIEW_VIDEO.PHP and step 4 somewhere in VIEW_VIDEO.TPL.

So there you go. That's a little something from ryno him trying to remind people to remember to keep CS MODS OPENSOURCE AND COMMUNITY ORIENTED!

[Joe100]

"How do I increase/decrease the numbers of videos displayed on the Videos (Watch) section?"
(This is for 4.xx I don't know if it works for older versions I have not checked, but I'm sure it does)

Just go to /templates/video.tpl and find:

      {if $total le 5}

And replace the 5 with how ever many videos you want displayed.
By the way someone named me a kind of catchy name...he called me "The Man who Understands" I like it

[Joe100]

"How To Add Avatar To the video page?"

Go into and find this code:

	<a href="{seourl rewrite="users/`$uname`" url="uprofile.php?UID=`$UID`"}"><span class="title">{$uname}</span></a>
	(<a href="{$baseurl}/compose.php?receiver={$uname}"> {translate item='view_video.send_pm'} </a>)<br/>

and replace it with:

	<a href="{seourl rewrite="users/`$uname`" url="uprofile.php?UID=`$UID`"}"><span class="title">{$uname}</span></a>
<img  id="video" src="{$baseurl}/photo/{if $photo eq ""}nopic.gif{else}{$photo}{/if}"/><br/>
	(<a href="{$baseurl}/compose.php?receiver={$uname}"> {translate item='view_video.send_pm'} </a>)<br/>

And there you go!