The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

gangstar,,,, will u teach me about this...

View previous topic View next topic Go down

gangstar,,,, will u teach me about this...

Post by sanro on December 9th 2010, 4:51 pm

gangstar will u give me the source to make widget like this??

Spoiler:

its very nice about yours forum... Very good
i like all animation very much.fufufu hope i can study from u.

sorry if I ask too many questions, I just want to learn about web design. I really like it
...

sanro
Forumember

Male Posts : 48
Reputation : 0
Language : english

http://logic-it.forumid.net

Back to top Go down

Re: gangstar,,,, will u teach me about this...

Post by razvy3 on December 20th 2010, 11:35 pm

This is the code i think Smile
Code:
 <link rel="stylesheet" href="/72-ltr.css" type="text/css" />
 
<style type="text/css">
.stack { position: fixed; bottom: 15px; right: 20px; } 
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; } 
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; } 
.stack ul li { position: absolute; } 
.stack ul li img { border: 0; } 
.stack ul li span { display: none; } 
.stack .openStack li span { 
    font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block; 
    height: 14px; 
    position:absolute; 
    top: 17px; 
    right:60px; 
    line-height: 14px; 
    border: 0; 
    background-image: url(http://img220.imageshack.us/img220/7396/bodybackgroundg.jpg);
    padding: 10px 15px; 
    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0px 0px 1px #000;
        -webkit-box-shadow: 0px 0px 1px #000;
        border: 2px solid #353535;
    color: #fcfcfc; 
    text-align: center; 
    text-shadow: #000 1px 1px 1px; 
    opacity: .85; 
    filter: alpha(opacity = 85); 

 
.stack { _position: absolute; } 
.stack ul { _z-index:-1; _top:-15px; } 
.stack ul li { *right:5px; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://dsprime.webs.com/Stacker.js"></script><div class="stack">  <img src="http://i67.servimg.com/u/f67/14/87/55/48/stack110.png" alt="stack">  <ul id="stack">  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/Basic_set2_Png/48/bug.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Examples</span><img src="http://cdn.iconfinder.net/data/icons/iconos/Gallery.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/customicondesignoffice5/48/content.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/function_icon_set/paper_content_pencil_48.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/basicset/help_48.png" alt="Test"></a></li>  </ul>
i don't now how to use it !

razvy3
Forumember

Male Posts : 61
Reputation : 1
Language : Romana 10 , engleza 7

Back to top Go down

Re: gangstar,,,, will u teach me about this...

Post by Harperboy326 on December 21st 2010, 2:14 am

Gangstar makes is own codes. Im sure he doesn't want it to be leaked out.

Harperboy326
Forumember

Male Posts : 753
Reputation : 239
Language : English
Location : On the support forum

http://www.ThatTechKid.com

Back to top Go down

Re: gangstar,,,, will u teach me about this...

Post by Jophy on December 21st 2010, 5:50 am

@sanro wrote:gangstar will u give me the source to make widget like this??

Spoiler:

its very nice about yours forum... Very good
i like all animation very much.fufufu hope i can study from u.

sorry if I ask too many questions, I just want to learn about web design. I really like it
...
You need to ask permission from him first Wink but he's away at the moment so you'll need wait.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: gangstar,,,, will u teach me about this...

Post by razvy3 on December 21st 2010, 8:23 am

But i have a code that those the same thing but i don't now how to put it Razz

Code:
 <link rel="stylesheet" href="/72-ltr.css" type="text/css" />
 
<style type="text/css">
.stack { position: fixed; bottom: 15px; right: 20px; } 
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; } 
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; } 
.stack ul li { position: absolute; } 
.stack ul li img { border: 0; } 
.stack ul li span { display: none; } 
.stack .openStack li span { 
    font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
    display:block; 
    height: 14px; 
    position:absolute; 
    top: 17px; 
    right:60px; 
    line-height: 14px; 
    border: 0; 
    background-image: url(http://img220.imageshack.us/img220/7396/bodybackgroundg.jpg);
    padding: 10px 15px; 
    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 0px 0px 1px #000;
        -webkit-box-shadow: 0px 0px 1px #000;
        border: 2px solid #353535;
    color: #fcfcfc; 
    text-align: center; 
    text-shadow: #000 1px 1px 1px; 
    opacity: .85; 
    filter: alpha(opacity = 85); 

 
.stack { _position: absolute; } 
.stack ul { _z-index:-1; _top:-15px; } 
.stack ul li { *right:5px; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://dsprime.webs.com/Stacker.js"></script><div class="stack">  <img src="http://i67.servimg.com/u/f67/14/87/55/48/stack110.png" alt="stack">  <ul id="stack">  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/Basic_set2_Png/48/bug.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Examples</span><img src="http://cdn.iconfinder.net/data/icons/iconos/Gallery.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/customicondesignoffice5/48/content.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/function_icon_set/paper_content_pencil_48.png" alt="Test"></a></li>  <li><a href="http://www.google.com/"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/basicset/help_48.png" alt="Test"></a></li>  </ul>

razvy3
Forumember

Male Posts : 61
Reputation : 1
Language : Romana 10 , engleza 7

Back to top Go down

Re: gangstar,,,, will u teach me about this...

Post by Harperboy326 on December 21st 2010, 8:48 am

It's HTML coding, not CSS. If you paste it in the CSS stylesheet, you get a HTML tag error.

Harperboy326
Forumember

Male Posts : 753
Reputation : 239
Language : English
Location : On the support forum

http://www.ThatTechKid.com

Back to top Go down

Re: gangstar,,,, will u teach me about this...

Post by razvy3 on December 21st 2010, 8:50 am

I now that but you can use it on the forum but i don't now how Wink

razvy3
Forumember

Male Posts : 61
Reputation : 1
Language : Romana 10 , engleza 7

Back to top Go down

Re: gangstar,,,, will u teach me about this...

Post by MrMario on December 21st 2010, 6:40 pm

Instead of stealing a forums code. Lets ask him if its okay. I'm locking this topic. If you want it ask him in PM.

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum