Tutorials ~ In General - Skemaholics Anonymous2024-03-19T02:14:08Zhttp://skemanon.com/forum/categories/tutorials-in-general/listForCategory?feed=yes&xn_auth=noMaking your own "Seamless backgrounds"tag:skemanon.com,2013-09-30:3134448:Topic:3077682013-09-30T23:27:46.185Zϟḱεм †ℯṧ☂℮я (>‿◠)✌http://skemanon.com/profile/JackStoner
<p>Making your own seamless backgrounds in Gimp~ so simple and if you don't have Gimp you can download free! Then its as simple as files- open- filters- map and seamless and your done~…<a href="http://api.ning.com:80/files/NWvFMlVPFcxbD9M5a7YkPbJkzTiCeMpkg0uN-j20izuHlQJV0QispJkQqVLLUGcx*BktbJ7SWmAGJkiicAn-irlhgo1BekxM/gimptut.png" target="_self"><img class="align-center" src="http://api.ning.com:80/files/NWvFMlVPFcxbD9M5a7YkPbJkzTiCeMpkg0uN-j20izuHlQJV0QispJkQqVLLUGcx*BktbJ7SWmAGJkiicAn-irlhgo1BekxM/gimptut.png" width="548"></img></a></p>
<p>Making your own seamless backgrounds in Gimp~ so simple and if you don't have Gimp you can download free! Then its as simple as files- open- filters- map and seamless and your done~<a href="http://api.ning.com:80/files/NWvFMlVPFcxbD9M5a7YkPbJkzTiCeMpkg0uN-j20izuHlQJV0QispJkQqVLLUGcx*BktbJ7SWmAGJkiicAn-irlhgo1BekxM/gimptut.png" target="_self"><img src="http://api.ning.com:80/files/NWvFMlVPFcxbD9M5a7YkPbJkzTiCeMpkg0uN-j20izuHlQJV0QispJkQqVLLUGcx*BktbJ7SWmAGJkiicAn-irlhgo1BekxM/gimptut.png" width="548" class="align-center"/></a><a href="http://api.ning.com:80/files/NWvFMlVPFcy4WQsc3q0e0Phc9psrI3tDJ3XNZUlBXfI784USvzPjkPn6*nxrsxhNlOIUce6NHB6H0*3Si-UKdHNL*JmsC*fp/gimpseamlessbackgrounds.png" target="_self"><img src="http://api.ning.com:80/files/NWvFMlVPFcy4WQsc3q0e0Phc9psrI3tDJ3XNZUlBXfI784USvzPjkPn6*nxrsxhNlOIUce6NHB6H0*3Si-UKdHNL*JmsC*fp/gimpseamlessbackgrounds.png" width="655" class="align-center"/></a></p> How To make a Glitter using GIMPtag:skemanon.com,2012-03-16:3134448:Topic:2119662012-03-16T02:19:53.542Zḓø◎∂ℓℯ❞ʟƴᾔ ∂εṧḯℊηẕ ßƴ ☾øᾔηḯεhttp://skemanon.com/profile/Connie903
<p></p>
<p><a href="http://youtu.be/a74esbjWGjE">http://youtu.be/a74esbjWGjE</a><object height="315" width="420"><param name="movie" value="http://www.youtube.com/v/a74esbjWGjE?version=3&hl=en_US&rel=0"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="never"></param><embed wmode="opaque" src="http://www.youtube.com/v/a74esbjWGjE?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="never" allowfullscreen="false" height="315" width="420"></embed> <param name="wmode" value="opaque"></param></object>
</p> Tutorial Requests!tag:skemanon.com,2011-09-07:3134448:Topic:1753392011-09-07T00:23:15.081ZAnGellahttp://skemanon.com/profile/AnGella
Trying to figure something general out and can't find what you need here?<br />
<br />
Please leave a suggestion. :D<br />
<br />
_<br />
<span class="font-size-1"><em>Forget MTV, I want my Skem9!</em></span>
Trying to figure something general out and can't find what you need here?<br />
<br />
Please leave a suggestion. :D<br />
<br />
_<br />
<span class="font-size-1"><em>Forget MTV, I want my Skem9!</em></span> How to Make an Image Linktag:skemanon.com,2011-09-07:3134448:Topic:1752512011-09-07T00:11:30.589ZAnGellahttp://skemanon.com/profile/AnGella
<p>Here is the code to make your image link to your blog or page!<br></br> <br></br> HTML</p>
<blockquote><a href="LINK URL HERE"><img src="IMG URL HERE"></a></blockquote>
<p>BBcode</p>
<blockquote><code>[url=LINK URL HERE][img]IMG URL HERE[/img][/url]</code></blockquote>
<p><br></br>All you need to do is add the urls!<br></br><br></br> Example:<a href="http://skemanon.com"><img src="http://storage.ning.com/topology/rest/1.0/file/get/2868197190?profile=original"></img></a> </p>
<p>To sub text for image:<br></br> HTML</p>
<blockquote><code><a href="link url here">Your Text…</code></blockquote>
<p>Here is the code to make your image link to your blog or page!<br/> <br/>
HTML</p>
<blockquote><a href="LINK URL HERE"><img src="IMG URL HERE"></a></blockquote>
<p>BBcode</p>
<blockquote><code>[url=LINK URL HERE][img]IMG URL HERE[/img][/url]</code></blockquote>
<p><br/>All you need to do is add the urls!<br/><br/> Example:<a href="http://skemanon.com"><img src="http://storage.ning.com/topology/rest/1.0/file/get/2868197190?profile=original"/></a>
</p>
<p>To sub text for image:<br/> HTML</p>
<blockquote><code><a href="link url here">Your Text Here</a></code></blockquote>
<p>BBcode</p>
<blockquote><code>[url=link url here]Your Text Here[/url]</code></blockquote>
<p>Example: <a href="http://skemanon.com">Your Text Here</a><br/></p>
<p>_</p>
<p><span class="font-size-1"><em>Forget MTV, I want my Skem9!</em></span></p> Adding a fixed icon to your site.tag:skemanon.com,2011-09-07:3134448:Topic:1752492011-09-07T00:04:06.115ZAnGellahttp://skemanon.com/profile/AnGella
<p>You can add a fixed icon to your site to point people to your social network pages like Twitter.<br></br> <br></br> Here is one way to do it.<br></br> <br></br>
Add this code to your index page:</p>
<p> </p>
<blockquote><code><h2 id="fixed_icons"><br></br> <a href="http://twitter.com/yourtwitterlink" id="twitter" title="Follow us on Twitter"></a><br></br></h2></code></blockquote>
<p>Add this CSS to your stylesheet:</p>
<p> </p>
<blockquote><code>#fixed_icons {<br></br> background:…</code></blockquote>
<p>You can add a fixed icon to your site to point people to your social network pages like Twitter.<br/> <br/> Here is one way to do it.<br/>
<br/>
Add this code to your index page:</p>
<p> </p>
<blockquote><code><h2 id="fixed_icons"><br/> <a href="http://twitter.com/yourtwitterlink" id="twitter" title="Follow us on Twitter"></a><br/></h2></code></blockquote>
<p>Add this CSS to your stylesheet:</p>
<p> </p>
<blockquote><code>#fixed_icons {<br/> background: transparent;<br/> width: 48px;<br/> position: fixed;<br/> top: 15%;<br/> right: 0.20%;<br/>}<br/> <br/>#fixed_icons a {<br/> display: block;<br/> text-indent: 24px;<br/> height: 48px;<br/> padding-bottom:3px;<br/> text-decoration: none;<br/>}<br/> <br/>#fixed_icons #twitter { background: url("image.png") no-repeat; }</code></blockquote>
<br />
<p><span class="font-size-1"><em>Forget MTV, I want my Skem9!</em></span></p> Saving a Text Documenttag:skemanon.com,2011-09-06:3134448:Topic:1750332011-09-06T22:49:51.882ZAnGellahttp://skemanon.com/profile/AnGella
You can use the same method for your CSS as you do your papers for school or work by using Notepad or Wordpad.<br />
<br />
The following example uses Notepad:<br />
<br />
First right click and choose Select all, then right click to Copy the code you wish to save.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText.png"></img><br />
<br />
Next, go to your Start Menu >> Accessories<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText1.png"></img><br />
<br />
>> Notepad.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText2.png"></img><br />
<br />
Once open, locate the Format button and make sure Word Wrap does not have a check mark next to it.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText4.png"></img><br />
<br />
Next, right click on the document and…
You can use the same method for your CSS as you do your papers for school or work by using Notepad or Wordpad.<br />
<br />
The following example uses Notepad:<br />
<br />
First right click and choose Select all, then right click to Copy the code you wish to save.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText.png"/><br />
<br />
Next, go to your Start Menu >> Accessories<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText1.png"/><br />
<br />
>> Notepad.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText2.png"/><br />
<br />
Once open, locate the Format button and make sure Word Wrap does not have a check mark next to it.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText4.png"/><br />
<br />
Next, right click on the document and choose paste to add your code.<br />
Then click on File >> Save As to tile your document.<br />
Hit save and you're done!<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/SaveText/SaveText5.png"/><br />
<br />
_<br />
<em><span class="font-size-1">Forget MTV, I want my Skem9!</span></em> adding a layouttag:skemanon.com,2011-01-25:3134448:Topic:960582011-01-25T03:03:48.708ZKhryshttp://skemanon.com/profile/Khrys
i was wondering how you add a layout to the site?<br />
thanks
i was wondering how you add a layout to the site?<br />
thanks Image Resizing through codetag:skemanon.com,2009-08-22:3134448:Topic:436892009-08-22T19:26:29.134ZAnGellahttp://skemanon.com/profile/AnGella
<p>Want to resize an image to fit your profile but don't want to change the actual size in the file?<br></br> <br></br> Here is a simple code to do that!</p>
<blockquote><img src="PUT IMAGE URL HERE" width="PUT DESIRED WIDTH HERE" height"auto"></blockquote>
<p>Example:<br></br><br></br><img src="PUT IMAGE URL HERE" width="450" height"auto"></p>
<p> </p>
<p>If you want to change the height, just switch them around and put "auto" in the width spot and the number in the height spot.…</p>
<p>Want to resize an image to fit your profile but don't want to change the actual size in the file?<br/> <br/> Here is a simple code to do that!</p>
<blockquote><img src="PUT IMAGE URL HERE" width="PUT DESIRED WIDTH HERE" height"auto"></blockquote>
<p>Example:<br/><br/><img src="PUT IMAGE URL HERE" width="450" height"auto"></p>
<p> </p>
<p>If you want to change the height, just switch them around and put "auto" in the width spot and the number in the height spot.</p>
<div class="content">_</div>
<p><span class="font-size-1"><em>Forget MTV, I want my Skem9!</em></span></p> Using the Color Picker Tooltag:skemanon.com,2009-08-20:3134448:Topic:433772009-08-20T08:31:55.621ZAnGellahttp://skemanon.com/profile/AnGella
So you want to add a color in your layout but don't know how to get the right number?<br />
<br />
Try TinyPic or Photobucket image editors.<br />
<br />
I'll explain using Tinypic's since I was there already and it is the same as Photobucket's.<br />
<br />
First you want to chose edit image.<br />
<img border="0" src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/ColorPic1.png"></img><br />
<br />
Next you will need to choose the tab labeled Decorate.<br />
<br />
<img border="0" src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/ColorPic2.png"></img><br />
<br />
Click on the eye dropper looking thing... the color pic tool.<br />
<br />
<img border="0" src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/ColorPic3.png"></img><br />
<br />
Pick a color in the image that you want to use in your code to compliment the image…
So you want to add a color in your layout but don't know how to get the right number?<br />
<br />
Try TinyPic or Photobucket image editors.<br />
<br />
I'll explain using Tinypic's since I was there already and it is the same as Photobucket's.<br />
<br />
First you want to chose edit image.<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/ColorPic1.png" border="0"/><br />
<br />
Next you will need to choose the tab labeled Decorate.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/ColorPic2.png" border="0"/><br />
<br />
Click on the eye dropper looking thing... the color pic tool.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/ColorPic3.png" border="0"/><br />
<br />
Pick a color in the image that you want to use in your code to compliment the image yet stand out from the background.<br />
<br />
Click on the area of color and it should show up in a little color box above the image.<br />
Click on that box and you will see a six digit code for that color.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/ColorPic4.png" border="0"/><br />
<br />
Copy those numbers and add them to your layout with a # symbol in front of them.<br />
EX: #ffffff = white How to host an image and get it's locationtag:skemanon.com,2009-08-20:3134448:Topic:433702009-08-20T07:41:25.060ZAnGellahttp://skemanon.com/profile/AnGella
This is the same for most image hosting sites.<br />
<br />
I am going to use <a href="http://tinypic.com/" target="_blank">http://tinypic.com/</a> because they will host a 1440x900 image without resizing it like photobucket does.<br />
<br />
First you have to click on that link up there and register.<br />
<br />
Now you should be ready to hit the upload tab and then the browse button to browse for an image on your computer.<br />
I keep mine in the photos folder and inside that I have lots of other folders.<br />
<br />
<img border="0" src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/TinyPic1.png"></img><br />
<br />
Once you…
This is the same for most image hosting sites.<br />
<br />
I am going to use <a href="http://tinypic.com/" target="_blank">http://tinypic.com/</a> because they will host a 1440x900 image without resizing it like photobucket does.<br />
<br />
First you have to click on that link up there and register.<br />
<br />
Now you should be ready to hit the upload tab and then the browse button to browse for an image on your computer.<br />
I keep mine in the photos folder and inside that I have lots of other folders.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/TinyPic1.png" border="0"/><br />
<br />
Once you have found the image you want to upload click on it.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/TinyPic2.png" border="0"/><br />
<br />
Next click on Open.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns"/><br />
<br />
Make sure you have image checked and default checked.<br />
Now click on Upload!<br />
(Notice it says nothing offensive please? Sorry Baby D...lol)<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/TinyPic3.png" border="0"/><br />
<br />
Now you will get a screen like below with multiple choices for codes.<br />
Depending on what you will use the image for you will pick different codes to copy and paste.<br />
They do a good job of labeling them.<br />
<br />
<img src="http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Tuts/TinyPic4.png" border="0"/>