[Risolto] Grafica Forum

Salve, girovacando per il web ho trovato un forum di forumattivo con alcune caratteristiche che mi piacevano, ovvero queste due:



Mentre invece nel mio forum sono così:


La mia domanda è come poter modificare la casella di connessione come quella precedentemente mostrata, e come poter mettere il bordo nei widget como mostrato nella seconda immagine.

https://aiuto.forumattivo.it/risorse-per-il-tuo-forum-f11/elegante-gruppo-di-css-t9754.htm

ecco a te

Ah ok grz ;-)
Ci sono due cose che però non mi piacciono
1) Il fatto che l'immagine online non è più in alto a destra, ma in basso a sinistra
2) La nuova casella che dice da chi è stato postato il messaggio:

Non si riesce a toglierle queste due funzioni ... questo è il codice:

Codice:

.introduction  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.header {
text-shadow: 1px 1px 0px #4f7c02;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background: #ffffff;
border: 1px solid #0098F7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

textarea:focus,input:focus {outline: none;}

p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}



#preview {
background: #f7f7f7 !important;}

.online {
z-index: 999 !important;
background: white url(http://i23.servimg.com/uf23/14/93/89/32/jdjdd10.png) /no-repeat bottom left;
}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

grazie lostesso risolto si può chiudere ;-)