Here's the instructions.
First off, we need to get the source files and make a backup
Code:
mkdir ~/ubiquity_slideshow
cd ~/ubiquity_slideshow
apt-get source ubiquity-slideshow-ubuntu
cp -r ubiquity-slideshow-ubuntu-53/ ubiquity-slideshow-ubuntu-53.orig
Next, lets create a clone of a slide so that we are not making direct changes to anyone else's work.
Code:
cd ubiquity-slideshow-ubuntu-53/slideshows/ubuntu/slides/
cp mobilise.html forums.html
Now, we need to edit the main index.html file to tell it that there is another slide to play. Open the file index.html in your preferred editor. Add the following line anywhere in the div id="slideshow" block (Note: The position in this list directly affects the order in which the slides are displayed)
Code:
<div><a href="forums.html"></a></div>
Your file should now look something like this
HTML Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>ubiquity-slideshow-ubuntu</title>
<link href="link/base.css" rel="stylesheet" type="text/css" />
<base target="_blank" />
<script type="text/javascript" src="link-core/jquery.js"></script>
<script type="text/javascript" src="link-core/jquery.cycle.all.js"></script>
<script type="text/javascript" src="link-core/base.js"></script>
<script type="text/javascript" src="directory.js"></script>
<script type="text/javascript">
SLIDESHOW_OPTIONS = {
timeout:50000,
speed:600,
}
</script>
<script type="text/javascript" src="link/twitter.js"></script>
<script type="text/javascript" src="link-core/slideshow.js"></script>
</head>
<body>
<div id="wrapper">
<div id="slideshow">
<div><a href="welcome.html"></a></div>
<div><a href="usc.html"></a></div>
<div><a href="photos.html"></a></div>
<div><a href="mobilise.html"></a></div>
<div><a href="music.html"></a></div>
<div><a href="social.html"></a></div>
<div><a href="browse.html"></a></div>
<div><a href="office.html"></a></div>
<div><a href="forums.html"></a></div>
<div><a href="accessibility.html"></a></div>
<div><a href="gethelp.html"></a></div>
</div>
<div id="controls">
<a class="control-arrow" id="prev-slide" style="display:none;"></a>
<a class="control-arrow" id="next-slide"></a>
<input type="hidden" id="current-slide" />
</div>
</div>
</body>
</html>
The next step is to add our screenshot. So:
- Take a snap of anything you like
- Load up gimp
- Create a new image the same size as your desktop resolution
- Paste your image
- Go to the 'Image' menu and select 'Scale Image...'
- In the Height/Width section change the dropdown to 'Percent'
- Change 'Width' to 60%
- Click 'Scale'
- Go to the 'File' menu and select 'New'
- Use the size 448 x 304
- Paste your screenshot into the new image window (Note: This will effectively crop the image to an exact size)
- Go to the 'File' menu and select 'Save as' > '~/ubiquity_slideshow/ubiquity-slideshow-ubuntu-53/slideshows/ubuntu/slides/screenshots/forums.jpeg'
- Close Gimp
Now we just need to edit our slide to change the text and use our new screenshot. This bit is nice and simple. Go ahead and open up the forums.html file. Edit the text within the h1 tags on line1 to change the headline. Edit the text within the p tags on line 8 to change the side text. Finally edit the src attribute of the img tag to point to the correct screenshot file "screenshots/forums.jpeg"
Last of all, we need to change directory and run the test script. The test script will give a pop up message for you to select your distro. After selecting ubuntu (because that's where we made the changes), use the arrows to find your slide! 
Code:
cd ../../../
./test-slideshow.sh
Bodsda
Adv Reply
Originally Posted by winh8r
Bookmarks