The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Index with last posts inside a box - INVISION

2 posters

Go down

Solved Index with last posts inside a box - INVISION

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

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


Index with last posts inside a box - INVISION Ng4AAAAAASUVORK5CYII= 
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
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 January 28th 2014, 9: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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

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

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

Index with last posts inside a box - INVISION Pota310
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
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 January 28th 2014, 10:21 am

Please post a link to your forum.

Thanks Smile
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

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

Ok

http://prove2014.forumattivo.it/


(I use it to make tests)
la valle dell'eco
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 January 28th 2014, 10:32 am

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

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

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

Perfect!  cheers 
(But how do you do it so quickly? )
Thanks again   Wink
la valle dell'eco
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 January 28th 2014, 10: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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum