|
|
Post by LaQuann Dawson on Apr 21, 2008 15:39:55 GMT -5
Hey Bre! Post em here! coding and images, and all!
|
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 21, 2008 16:21:42 GMT -5
 <img src="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/glitter1.gif"> |
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 21, 2008 18:37:42 GMT -5
Sketchy  <img src="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/sketchglitter.gif"> |
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 21, 2008 19:42:14 GMT -5
I need someone to check my HTML on this one.. I had a hard time with the scroll. It looks fine on my computer but I don't know if I did this right or not. HTML:
|
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 22, 2008 13:46:11 GMT -5
 Coding: |
|
|
|
Post by kaurilover on Apr 22, 2008 14:16:58 GMT -5
Fixed code for both ie and ff <div align="center"> <div style="overflow:auto;position:relative;width:200px;height:238px;top:280px;left:10px;margin-right:-181px;margin-bottom:- 129px;font-size:9pt; color:#ffff18; text-align:center; font-weight: bold; font-family: verdana;scrollbar-base-color: #ad2fc0;"><center> This is what the blog will look like. Text will go here and expand! Font codings: If you want to make you font bold, underlined, or italics, use these: <br><b>bold</b> <br><u>underline</u> <br><i>italics</i> <br><br>Put whatever text you want. It will expand! This is a cute blod made by Bre on emporer-village-neo.co.nr! <br>Isn't this uni cute? Feel free to use this blog. Please leave the credits at the bottom. Thanks! <br><br><br></font> </div> <img src="http://i17.photobucket.com/albums/b80/wofphotography/blogs/lutariblog.jpg"></div> |
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 22, 2008 21:52:35 GMT -5
Thanks for the help on the coding!   <img src="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/lutari5.gif">  <img src="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/lutari4.gif">  <a href="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/lutari3.gif">  <a href="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/lutari2.gif"> |
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 23, 2008 13:13:38 GMT -5
 <img src="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/knightuni.gif">  <img src="http://i17.photobucket.com/albums/b80/wofphotography/Emporersglitters/babyuni.gif"> |
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 23, 2008 19:26:29 GMT -5
Tutorial.. sorry had posted it in the wrong place. You can view what it looks like here:www.freewebs.com/whisperoaksfarm/animationtutorial.htm<center>
<h1>Animations in Adobe Photoshop</h1>
<br><b><font size=3>Note: This is for Adobe Photoshop CS2 and up. I do not know if this works on lower verions of Photoshop or Elements.</b></font>
<br><b>The first thing you want to do is open up the image that you would like to animate. Note: my image already has the glitter on it, we have a tutorial on how to make glitters in the tutorial section.</b>
<br><br><b>The next thing you want to do is once you have the image animated, make sure that there is only one layer visible. To make the other two layers invisible, click the little eye icon next to the layer. Look at figure 1 below (notice the two layers w/o eyes next to them?)</b>
<br><br><b>Figure 1:</b>
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial.jpg">
<br><br><b>Next go to Window: Animation (figure 2). An animation box will open up. (figure 3).
<br><br>Figure 2:
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial2.jpg">
<br><br>Figure 3:
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial3.jpg">
<br><br>After that, you will click on a little triangle and it will give you options. The triangle is circled in red in figure 4/5.When you see those options, chose "make frames from layers" as shown in figures 4/5.
<br><br>Figure 4:
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial4.jpg">
<br><br>Figure 5:
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial5.jpg">
<br><br>You will now see the animation box with your layers! In this case, I have three of them. You can hit the play button to see what your animation will look like. Look at figure 6 to see what this box will look like with the new frames!
<br><br>Figure 6:
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial6.jpg">
<br><br>Now, the ending step! You must save your image! Transparent or not transparent, go to "File" - "Save for web" (shown in figure 7). This is the only way you can save your animation! A window will then pop up (figure 8) and make sure it looks just like that with gif! After that, it will ask you to name your file and there you go! You have your animation saved!
<br><br>Figure 7:
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial7.jpg">
<br><br>Figure 8:
<br><img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorial8.jpg">
<h2>Congrats! You have just made your first animation! This is what mine looks like:</h2>
<img src="http://i17.photobucket.com/albums/b80/wofphotography/animationtutorial/animationtutorialresult.gif">
|
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 24, 2008 14:01:26 GMT -5
 <center>
<table width="450px" height="338px" background="http://i17.photobucket.com/albums/b80/wofphotography/blogs/maraquanblog3.gif" border="0" cellpadding="0" cellspacing="0">
<tr><td height="52px"></td></tr>
<tr><td width="7x"></td>
<td>
<div style="width: 173px; height: 255px; overflow: auto; scrollbar-arrow-color: #ffd144; scrollbar-darkshadow-color: #ffd144; scrollbar-track-color:#2b85a3; scrollbar-face-color: #2b85a3; scrollbar-shadow-color: #2b85a3; scrollbar-highlight-color: #ffd144; scrollbar-3dlight-color: #2b85a3; font-size:9pt; color:#000000; text-align:center; font-weight: bold; font-family: verdana;">
This is what the blog will look like. Text will go here and expand! Font codings: If you want to make you font bold, underlined, or italics, use these:
<br><b>bold</b>
<br><u>underline</u>
<br><i>italics</i>
<br><br>Put whatever text you want. It will expand! text text text! Emporer Village Rocks!!
<br>Don't you just love maraquan pets?
<br>
<br><br><br><br>
</div></td></tr>
</table>
</center> |
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 25, 2008 18:44:05 GMT -5
 <center>
<table width="399" height="400" background="http://i27.tinypic.com/24fi7gx.jpg" border="0">
<tr><td height="255"></td></tr>
<tr><td width="9"></td>
<td>
<div style="width: 386px; height: 128px; overflow: auto; scrollbar-arrow-color: 0bc602; scrollbar-darkshadow-color: 0bc602; scrollbar-track-color: 664c2f; scrollbar-face-color: 664c2f; scrollbar-shadow-color: 664c2f; scrollbar-highlight-color: 0bc602; scrollbar-3dlight-color: 664c2f; font-size:8pt; color:yellow; font-familey:verdana; text-align:center; font-weight: bold;">
Text goes here! You can make your text italic or underlined by using these codes:
<br><b>bold</b>
<br><u>underlined</u>
<br><i>italic</i>
<br>Cool eh? Enjoy this bog! It is such a cool blog!
<br><br>This will expand. You can type all you want.. blah blah blah!
<br><br>Cool blog eh? This is Callisto!<br><br>
</div></td></tr>
</table>
</center> |
|
Bre
New Member
Posts: 26
|
Post by Bre on Apr 25, 2008 20:37:22 GMT -5
 <img src="http://i30.tinypic.com/ndym0.jpg"> |
|
|
|
Post by LaQuann Dawson on May 2, 2008 15:50:29 GMT -5
all added
|
|
Bre
New Member
Posts: 26
|
Post by Bre on May 4, 2008 17:40:30 GMT -5
Here you can use this for the image if you want...  <img src="http://i17.photobucket.com/albums/b80/wofphotography/shopgallery/hissilayoutbanner.jpg">SHOP LAYOUT CODE <style>body
{background:url(http://i17.photobucket.com/albums/b80/wofphotography/shopgallery/hissibackground.jpg) fixed}
#main {background:none; border:0px;}
#header, #footer {display:none;}
#ban{display: none;}
hr{display:none;}
#n{display:none}
#ban_bottom{display:none}
.adBox2{display:none}
.footOverlay{display:none;}
.ad_wrapper_fixed{display:none}
.sidebarModule {display:none}
body {scrollbar-base-color:#92cfde;}
td, p, body, a, b{COLOR:#004891;FONT-FAMILY:monotype corsiva;FONT-SIZE:12pt;}
A:LINK{color:#007FA9;FONT-FAMILY: monotype corsiva;font-size:12pt;}
A:VISITED{color:#9f0000;FONT-FAMILY:monotype corsiva;font-size:12pt;}
A:HOVER{color:#f61616;FONT-FAMILY:monotype corsiva;font-size:12pt;text-decoration:line-through;}
p table {width:465px; border:0px solid ;background:#92cfde;}
#content {width:1%; position: relative; left: 98px; border:0px;}
</style>
<center>
<style>
.content div img{display:none}
</style>
<center>
<div style="background-image:url(http://i17.photobucket.com/albums/b80/wofphotography/shopgallery/hissilayoutbanner.jpg);width:510px;height:191px"></div><br><br>
<a href="/myaccount.phtml">My Account</a> |
<a href="/petcentral.phtml">Central</a> |
<a href="/explore.phtml">Explore</a> |
<a href="/gameroom.phtml">Games</a> |
<a href="/neomessages.phtml">Mail</a> |
<a href="/objects.phtml">Shops</a> |
<a href="/neoboards/index.phtml">Boards</a> |
<a href="/nf.phtml">News</a> |
<a href="/stuff.phtml">Stuff</a> |
<a href="/help.phtml">Help</a><br><br><center><br><br>
Type Your Text Here Type Your Text Here Type Your Text Here Type Your Text Here Type Your Text Here Type Your Text
Here <br><br><br><br><a href="userlookup.phtml?user=kaurilover" target="blank"><img src="http://i106.photobucket.com/albums/m280/kaurilover/castle-kauri.gif" border=0 ></a><br><br>GALLERY LAYOUT CODING: <style>body
{background:url(http://i17.photobucket.com/albums/b80/wofphotography/shopgallery/hissibackground.jpg) fixed}
#main {background:none; border:0px;}
#header, #footer {display:none;}
#ban{display: none;}
hr{display:none;}
#n{display:none}
#ban_bottom{display:none}
.adBox2{display:none}
.footOverlay{display:none;}
.ad_wrapper_fixed{display:none}
.sidebarModule {display:none}
body {scrollbar-base-color:#92cfde;}
td, p, body, a, b{COLOR:#004891;FONT-FAMILY:monotype corsiva;FONT-SIZE:12pt;}
A:LINK{color:#007FA9;FONT-FAMILY: monotype corsiva;font-size:12pt;}
A:VISITED{color:#9f0000;FONT-FAMILY:monotype corsiva;font-size:12pt;}
A:HOVER{color:#f61616;FONT-FAMILY:monotype corsiva;font-size:12pt;text-decoration:line-through;}
p table {width:465px; border:0px solid ;background:#B6EBF0;}
#content {width:1%; position: relative; left: 91px; border:0px;}
</style>
<center>
<div style="background-image:url(http://i17.photobucket.com/albums/b80/wofphotography/shopgallery/hissilayoutbanner.jpg);width:510px;height:191px"></div><br><br>
<a href="/myaccount.phtml">My Account</a> |
<a href="/petcentral.phtml">Central</a> |
<a href="/explore.phtml">Explore</a> |
<a href="/gameroom.phtml">Games</a> |
<a href="/neomessages.phtml">Mail</a> |
<a href="/objects.phtml">Shops</a> |
<a href="/neoboards/index.phtml">Boards</a> |
<a href="/nf.phtml">News</a> |
<a href="/stuff.phtml">Stuff</a> |
<a href="/help.phtml">Help</a><br><br><center><br><br>
Type Your Text Here Type Your Text Here Type Your Text Here Type Your Text Here Type Your Text Here Type Your Text
Here <br><br><br><br><a href="userlookup.phtml?user=kaurilover" target="blank"><img src="http://i106.photobucket.com/albums/m280/kaurilover/castle-kauri.gif" border=0 ></a><br><br>
<table> |
|
Bre
New Member
Posts: 26
|
Post by Bre on May 6, 2008 14:24:42 GMT -5
Anime Blog!!!! <center>
<table width="450px" height="387px" background="http://i17.photobucket.com/albums/b80/wofphotography/blogs/cityanimeblog.jpg" border="0" cellpadding="0" cellspacing="0">
<tr><td height="52px"></td></tr>
<tr><td width="11px"></td>
<td>
<div style="width: 216px; height: 310px; overflow: auto; scrollbar-arrow-color: #ffa735; scrollbar-darkshadow-color: #ffa735; scrollbar-track-color:#; scrollbar-face-color: #834105; scrollbar-shadow-color: #834105; scrollbar-highlight-color: #ffa735; scrollbar-3dlight-color: #834105; font-size:9pt; color:#ffd669; text-align:center; font-weight: bold; font-family: verdana;">
This is what the blog will look like. Text will go here and expand! Font codings: If you want to make you font bold, underlined, or italics, use these:
<br><b>bold</b>
<br><u>underline</u>
<br><i>italics</i>
<br><br>Put whatever text you want. It will expand! text text text! Emporer Village Rocks!!
<br><br>City Life is what I call this image! This is a pretty anime picture!!
<br><br>text text text text text text text text text
<br><br>I hope you enjoy this blog!
<br><br>Please leave credits!
<br><br>Thanks!
<br><Br>This will scroll! You can put a lot of info in here! Enjoy!
<Br><br>Blog Made by: Emporers Village!
<br><br><img src="http://i217.photobucket.com/albums/cc276/johnisherechilling/emporersvillagebutton1.gif">
<br>
<br><br><br><br>
</div></td></tr>
</table>
</center>
|
|
