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.

Index with last posts inside a box - INVISION

View previous topic View next topic Go down

Solved Index with last posts inside a box - INVISION

Post by la valle dell'eco on January 27th 2014, 11:15 pm

I want to know how to get this effect with Invision.



Since no one has been able to answer, I ask help to you.
If you can explain yourself in simple and clear directions because English is not my first language. Embarassed


This is the code for phbb3



Code:
.topiclist.forums dd.lastpost {
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #DEE7F7 ;
border-radius: 5px;
box-shadow: 2px 2px 2px #8397B3 ;
margin: 6px 13px;
}







Thanks for the help everyone Hello

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

Solved Re: Index with last posts inside a box - INVISION

Post by Ange Tuteur on January 28th 2014, 10:52 am

Hello,

Try this CSS :
Code:

.ipbtable.index-box .row1 span {
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #DEE7F7 ;
border-radius: 5px;
box-shadow: 2px 2px 2px #8397B3 ;
margin: 6px 13px;
display:block;
}
.ipbtable.index-box .row1 span span {
display:inline;
box-shadow:none;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Index with last posts inside a box - INVISION

Post by la valle dell'eco on January 28th 2014, 11:18 am

It works perfectly Smile. Thank you very much!
There's only one problem: the mini avatar is moved.


How can I fix it in the right position?Rolling Eyes

This is the code i used
Code:
.mini_ava img {
  width: 20px;
  height: 20px;
  border-radius: 2px;
 margin: 4px ;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  }

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

Solved Re: Index with last posts inside a box - INVISION

Post by Ange Tuteur on January 28th 2014, 11:21 am

Please post a link to your forum.

Thanks Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Index with last posts inside a box - INVISION

Post by la valle dell'eco on January 28th 2014, 11:23 am

Ok

http://prove2014.forumattivo.it/


(I use it to make tests)

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

Solved Re: Index with last posts inside a box - INVISION

Post by Ange Tuteur on January 28th 2014, 11:32 am

Add this CSS :
Code:
.mini_ava img { margin:5px 0px 0px 15px; }
.ipbtable.index-box .row1 span { padding:3px; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Index with last posts inside a box - INVISION

Post by la valle dell'eco on January 28th 2014, 11:43 am

Perfect! cheers
(But how do you do it so quickly? )
Thanks again Wink

la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

Solved Re: Index with last posts inside a box - INVISION

Post by Ange Tuteur on January 28th 2014, 11:54 am

You're welcome Smile

I open the Firefox tools (f12) to inspect the DOM, then write my CSS to test.

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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