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.

slideshow picture position cannot be match with picture

View previous topic View next topic Go down

In progress slideshow picture position cannot be match with picture

Post by rohan aja on November 15th 2012, 9:47 am

the picture in slide show didnt match with the size picture and size slide show.

so, anybody know how to make it to be automatic?

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 15th 2012, 10:08 am

In the code where you have to put your image, make sure you find this.

Code:
<a href="IMG" /> or this <a href="IMG LINK"> </a>

Add this to your code.

Code:
<a href="IMG LINK" width="SPECIFY IT TO YOUR LIKING" height="SPECIFY IT TO YOUR LIKING"></a>

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 15th 2012, 10:25 am

i didnt find any code like this <a href="IMG" /> or this <a href="IMG LINK"> </a>

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 15th 2012, 10:30 am

Can you please post all the codes you used for it here? Except the one in the javascript. Please post the one in your header or in the CSS, I forgot which one has the code I'm looking for. And please make sure it's enclosed in a
Code:
Smile.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 15th 2012, 10:37 am


rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 15th 2012, 10:52 am

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 */

#s1 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s2 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s3 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

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

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

See the one with the http://url de l'image.jpg"?

Add this before the }

background-size: Height or Width First

Here's an example:

Code:
background-size: 800px 200px;

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 15th 2012, 11:13 am

i still didnt understand. can u give me the detail?

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 15th 2012, 11:21 am

Code:
#s1 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s2 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s3 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

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



For example

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

Make it like this:

#s5 {
background:url("http://url de l'image.jpg") no-repeat #030303;
background-size: 800px 200 px;
}

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 15th 2012, 11:50 am

still same. its didnt work

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 15th 2012, 2:33 pm

#s5 {
background:url("http://url de l'image.jpg") no-repeat #030303;
background-size: 800px 200 px;
}

Try changing that to this

#s5 {
background:url("http://url de l'image.jpg") no-repeat #030303;
height: 800px;
width: 200px;
}

If it doesn't work, change the photos or manually resize them.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 15th 2012, 3:04 pm

huh, have any way to make it automatic?

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 16th 2012, 9:16 am

please help me....

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 16th 2012, 3:03 pm

No. You have to do it manually, sorry.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by ajshco on November 17th 2012, 7:15 am

May be you need to use some photo shop code to make the match.

ajshco
New Member

Posts : 1
Reputation : 1
Language : English

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 17th 2012, 8:49 am

Codes will work for the set I.D.

Manual resize is the only helper you got at the moment, bud.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 18th 2012, 6:17 am

hey, its same . look this one.

i think the there was a problem with the slide show. its still have a empty place but it already crop the left side image.

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 18th 2012, 8:50 am

Did you re run the code already? Try testing them in a test forum and if not working still, please post every code you used here and we can check if there's a problem with it.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 18th 2012, 9:49 am

i dont deleted anything. i just follow this site http://help.forumotion.com/t105962-index-in-accordion.
and i just change the slideshow size for a little.

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 18th 2012, 1:28 pm


Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by rohan aja on November 19th 2012, 11:36 am

yes, i follow that site to change my slideshow size

rohan aja
Forumember

Male Posts : 124
Reputation : 1
Language : indonesia
Location : Indonesia

http://www.game-spots.co.cc

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Kaizer Lee on November 19th 2012, 11:45 am

Did you estimate properly though? It's all about the estimation, actually.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

In progress Re: slideshow picture position cannot be match with picture

Post by Base on November 23rd 2012, 2:32 pm

Member has been banned, therefore topic will be garbaged.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

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