Ask questions and get good answers on jQuery

Hello. I'm pretty sure this has been asked, but I haven't found the question and answer for it yet. It's a "newbie" question so forgive me for it, but how do you place a thumbnail next to text in the extrudertop.html file? Is this even the file that I'm supposed to put the image in?

Also, is it possible to put images rather than text in the sliders? Because I tried, but the box doesn't change size..I think it's because it's fixed. I thought it would be interesting to put images in there rather than text and have it link to another website.

I hope this question makes sense.

Thanks. P.s Thank you for creating this. I wish I could be awesome like you.

asked Mar 11 '10 at 21:18

sarah%20kwon's gravatar image

sarah kwon
111

edited Mar 12 '10 at 09:45

Matteo%20Bicocchi's gravatar image

Matteo Bicocchi ♦♦
1776129


Hi Sarah, to add an image on the left of a menuline just put your image as HTML in the line definition:

<div id="mimic" class="voice {action:'ui/arms.ui.parts/genericContainer.html'}"><img src="ui/arms.ui.images/icons/icons_basic/clock_16.png" alt="icon"/><span class="txt">Mimic (form)</span> </div>.

If you need an example I'm working on a application GUI made with some of my components; you can find a preview at this URL: http://www.open-lab.com/arms/index.html.


For the possibility to add images rather than text into the extruder flap there's not a specific method yet (next release surely). but I think you can do it via CSS changing the .extruder.top .flap class and setting the image as background of the flap:

.extruder.top .flap{
  color:white;
  text-shadow: #000 2px 2px 2px;
  font:18px/18px Arial, Helvetica, sans-serif;
  text-align:center;
  display:block;
  padding:0 5px 5px 5px;
  height:30px;
  background:url("../elements/[your flap image].png") no-repeat top center;
  cursor:pointer;
}

Hope this can help you, Bye, Matteo

answered Mar 12 '10 at 09:44

Matteo%20Bicocchi's gravatar image

Matteo Bicocchi ♦♦
1776129

matteo, truly inspirational work with the arms project template, bravo!!!

answered Mar 12 '10 at 23:54

Mat's gravatar image

Mat
5517

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Tags:

×2
×1

Asked: Mar 11 '10 at 21:18

Seen: 171 times

Last updated: Mar 12 '10 at 23:54

jQuery main site - Matteo Bicocchi