Maw1 [Vewtopic_body] Horizontal and vertical first PunBB Thu Dec 27, 2012 9:51 am
First topic message reminder:
Demo:
Kick on the image to view larger
Note: this article will be the first level and the next post will be along the way: Add this to the CSS:
Code: Select Code
. Pun. User {width: 12em}
. pun. postmain {margin-left: 14em}
. pun. posted. user,. postfoot {margin-left:-13em}
. post: first-child. postmain. postfoot. pun . posted: first-child. postmain {margin: 0}
. posted: first-child. postmain. user {margin: 0; width: 100%; padding: 0; border-bottom: 1px dashed # CCC}
. posted: first -child. postmain. user> div {margin: 12px}
. posted: first-child. postmain. post-entry {clear: left}
. pun. posted. user {margin-top: 0}
. pun. posthead {margin- left:-14em}
. pun. post: first-child. postmain. posthead {margin: 0}
. postmain. username {font-variant: small-caps; font-weight: bold}
. post: first-child. postmain. user-basic-info div {display: inline-block}
. user-ident {text-align: center}
. posted: first-child. postmain. user-ident {float: left}
. post: first-child. postmain. user-info {float: right}
That's it
above paragraph is used for the default vew ^ ^
Demo:
Kick on the image to view larger
Note: this article will be the first level and the next post will be along the way: Add this to the CSS:
Code: Select Code
. Pun. User {width: 12em}
. pun. postmain {margin-left: 14em}
. pun. posted. user,. postfoot {margin-left:-13em}
. post: first-child. postmain. postfoot. pun . posted: first-child. postmain {margin: 0}
. posted: first-child. postmain. user {margin: 0; width: 100%; padding: 0; border-bottom: 1px dashed # CCC}
. posted: first -child. postmain. user> div {margin: 12px}
. posted: first-child. postmain. post-entry {clear: left}
. pun. posted. user {margin-top: 0}
. pun. posthead {margin- left:-14em}
. pun. post: first-child. postmain. posthead {margin: 0}
. postmain. username {font-variant: small-caps; font-weight: bold}
. post: first-child. postmain. user-basic-info div {display: inline-block}
. user-ident {text-align: center}
. posted: first-child. postmain. user-ident {float: left}
. post: first-child. postmain. user-info {float: right}
That's it
above paragraph is used for the default vew ^ ^