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.

Details with images

View previous topic View next topic Go down

Solved Details with images

Post by DeathDunk98* on April 25th 2014, 3:11 pm

How to create this ? - From where I saw it :http://www.mistreci.com/filma/

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Details with images

Post by Base on April 25th 2014, 5:18 pm

Hello,

I assume that the image was created using some sort of image editing program. Please note that this is a support forum for Forumotion-related problems only.

Base
Forumaster

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

http://forumotionhub.net

Back to top Go down

Solved Re: Details with images

Post by DeathDunk98* on April 25th 2014, 5:24 pm

I mean how to create that upper detail thing for the image ? That's what I want I just gave you an example to what i want ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Details with images

Post by Base on April 25th 2014, 5:25 pm

What do you mean by "upper detail thing"? What does this have to do with your forum?

Base
Forumaster

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

http://forumotionhub.net

Back to top Go down

Solved Re: Details with images

Post by DeathDunk98* on April 25th 2014, 5:26 pm

For images in my forum has to do -.- you have the picture see the DETAIL in the upper area of the image, JOE HD where it says Razzthat's what I want

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Details with images

Post by Pizza Boi on April 25th 2014, 10:40 pm

Hi Very Happy

Not really sure if that's even an FM forum... anyway, the class he used is photo-thumb for the whole thing but I'm not giving you his style, for copyright purposes, of course so the best you can do would be something like:

Code:
<div class="myclass">

  <h2><a href="Link to movie">
  This movie name </a></h2>
  <p class="post-details"></p>
  <div class="fix"></div>
 
  <a href="Movie link" title="Title of movie" class="myclass2">
            <img src="IMG LINK of movie" alt="" width="220" height="326" class="myclass3">
  </a></div>

For the CSS, do something like:

Code:
.myclass {
background: #Color;
position: relative;
top: -#px;
left: -#px;
box-shadow: #px #px #px #Color;
}
.myclass2 h2 a {
font-size: #px;
font-family: Font, font;
color: #Color;
text-transform: uppercase;
font-weight: bold;
}
.myclass p.post-details {
font-size: #px;
float: right;
padding-right: #px;
color: #Color;
line-height: #px;
text-transform: uppercase;
}
.fix {
clear: both;
height: #px;
margin: -#px 0 0;
overflow: hidden;
}
.myclass a.thumb:hover {
opacity: #;
}
a img {
border: none;
}

Style it accordingly... by the way, this is very out off-topic, but mate, please do understand that this type of content MIGHT give you negative feedback in the future or even no help at all from us:

For images in my forum has to do -.- you have the picture see the DETAIL in the upper area of the image, JOE HD where it says Razz that's what I want

Please put our feelings into consideration too as some of us are very sensitive to this type of attitude. Me, being one of them as I have continuously helped you through everything to the best of my abilities and have observed that you have no patience whatsoever by double posting in some threads on the same day in less than 24 hours.

Thank you.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Details with images

Post by DeathDunk98* on April 25th 2014, 11:06 pm

why the font size wont change, of the h2 ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Details with images

Post by Pizza Boi on April 25th 2014, 11:08 pm

Hi Very Happy

Try adding !important.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Details with images

Post by DeathDunk98* on April 25th 2014, 11:10 pm

nope, it wont change ://
Code:
.myclass2 h2 a {
font-size: 12px !important;
font-family: Arial Black, Verdana;
color: #1f1f1f;
text-transform: uppercase;
font-weight: bold;
}

is there anything wrong

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Details with images

Post by Pizza Boi on April 25th 2014, 11:13 pm

Hi Very Happy

Can you link me to the page where you created that? I need to check if something is set there.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Details with images

Post by DeathDunk98* on April 25th 2014, 11:19 pm

a test forum :http://testforumtetovaa.macedonianforum.net

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Details with images

Post by Pizza Boi on April 26th 2014, 4:05 am

Hi Very Happy

Try this please:

Code:
.myclass h2 a center {
font-size: 10px !important;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Details with images

Post by SLGray on May 10th 2014, 11:01 pm

Is this still needed?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Details with images

Post by DeathDunk98* on May 10th 2014, 11:03 pm

oh sorry forgot to tick this one, this is solved

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: Details with images

Post by SLGray on May 10th 2014, 11:07 pm

Thanks.

Problem solved & topic archived.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

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