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.

Is there a way to find out how many pixels?

View previous topic View next topic Go down

Solved Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 6:52 am

Is there a way to find out how many pixels in the box where you put the pictures in the image slider I added in my forum?


Last edited by aaronz on March 20th 2013, 4:28 am; edited 1 time in total

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 7:12 am

Just add the image & check. Whatever is remaining, go on increasing it.
Do you have the slider added?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 7:16 am

yes in here

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 7:20 am

I think, width is 336 px. I am not sure of the height, try adding a image & tell me the size of that image.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 7:28 am

ok

edit: ok now i have a new problem, when i upload a picture, it does not show up... please help

this is what i put in the css for the first pic
Code:
.accordion {
  text-align:left;
  font:'Helvetica Neue', Verdana, Arial, sans-serif;
}
.accordion ol {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.accordion li > h2 {
  color: black;
  font-weight: normal;
  margin: 0;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  -ms-transform: translateX(-100%) rotate(-90deg);
  -ms-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%9; left: 10%; left: 5%9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }
 
/****************************************** Basic */
.basic li > h2 { background: #333; color: white; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }
 
/****************************************** Dark */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark li > h2 span { background: #353535; color: white; }
.dark li > h2 b { background: #353535; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
.dark h2.selected b { background: #434343; }
.dark li > div { background: #030303; margin-left: 5px; }
 
/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
 
/***************************************** Light */
/**************************************** Stitch */

#margin-left: 50px; {
 background:url("http://i74.servimg.com/u/f74/18/09/54/86/image-11.gif") no-repeat #030303;
}
#margin-left: 50px; {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#margin-left: 50px; {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

#margin-left: 50px; {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

#margin-left: 50px; {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 7:58 am

The codes you added are incorrect.

Please follow the tutorial correctly.
http://help.forumotion.com/t105962-index-in-accordion

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 8:03 am

i changed the #s1 to #margin-left: 50px; because when i put the image it was behind the word slide one and i found this so i put the code in.

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 8:04 am

It won't work as i said. Do not modify the original codes, unless you are sure of what it would do.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 8:05 am

ok...

edit: ok now i have added the image in and i told you, it is behind the word slide 1 so now what?

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 8:15 am

The image size you used is 336 x 180?

Use a 380 width & 200 height image.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 8:33 am

it is still partly behind the word slide 1 so now what?

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 11:28 am

It looks okay to me.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 12:01 pm

but if you look closely, you can see that there is a gap between the image and the word slide 2

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 12:08 pm

Yes so increase the width of the image.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 19th 2013, 2:29 pm

By how much?

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 19th 2013, 3:40 pm

Well whatever is the size currently, approximately add anything to it considering that it should not go up. Just trial & error. That is not a difficult task honestly.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by aaronz on March 20th 2013, 4:27 am

You know what... I am just going to mark it solved.

Thanks Sanket!

aaronz
Forumember

Male Posts : 394
Reputation : 7
Language : english
Location : Somewhere on earth

http://freshmeat.gameproforums.com/

Back to top Go down

Solved Re: Is there a way to find out how many pixels?

Post by Sanket on March 20th 2013, 9:31 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.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