Avatarul se spurapune cu conținutul post-ului
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 2 din 2 • Distribuiţi
Pagina 2 din 2 • 1, 2
Avatarul se spurapune cu conținutul post-ului
Rezumarea primului mesaj :
Bună ziua! Am o problemă cu forumul meu. Avatarul unui membru se suprapune cu conținutul mesajului său.
Uitați imagine :
(link)
Precizez că pe forum există și un efect de mărire a avatarurilor (la trecerea mouse-ului peste avatar), care nu-mi prea place și aș vrea să elimin și acest efect.
Cum aș putea rezolva ambele probleme?
Mulțumesc!
Bună ziua! Am o problemă cu forumul meu. Avatarul unui membru se suprapune cu conținutul mesajului său.
Uitați imagine :
(link)
Precizez că pe forum există și un efect de mărire a avatarurilor (la trecerea mouse-ului peste avatar), care nu-mi prea place și aș vrea să elimin și acest efect.
Cum aș putea rezolva ambele probleme?
Mulțumesc!
Ultima editare efectuata de catre BlitzKrieg in Sam Sept 08, 2012 1:24 am, editata de 1 ori
Re: Avatarul se spurapune cu conținutul post-ului
Milky. a scris:Inlocuiesti tot CSSul tau cu acesta:
- Cod:
body {
background: #336a96;
}
.tabelmoderare {
background: #FAADAD;
border: 1px solid #C20000;
width: 100%;
padding: 3px;
border-radius: 4px;
color: #A11F1F;
text-shadow: 0px 0px 0px white;
}
.forabg {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
table.forumline {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
#tabs .activetab a span {
background: #dedede;}
#tabs a {
border-radius: 5px;
border: 1px solid #d7d7d7;
background: #ededed;
margin: 3px;
}
blockquote {
border-radius: 3px;
border: 1px solid #d7d7d7;
background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
background-repeat:repeat;
}
dl.codebox {
border-radius: 3px;
border: 1px solid #d7d7d7;
background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
}
input.inputbox, input.tiny {
border-radius: 3px;
}
textarea.inputbox {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
border-radius: 5px;
}
dl.faq dd p {
border: 1px solid #d7d7d7;
border-radius: 5px;
}
.module {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
border-radius: 5px;
border: 2px outset #d7d7d7;
}
hr {
border-top: 1px dashed blue;
}
#textarea_content textarea#text_editor_textarea {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
border-radius: 4px;
border: 2px groove #d7d7d7;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
border-radius: 4px;
border: 2px groove #d7d7d7;
}
.select button {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
.select button:hover {
border-radius: 3px;
border: 1px solid #d7d7d7;
}
.select {
border-radius: 3px;
border: 1px solid #d7d7d7;
box-shadow: 0px 0px 3px black;
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
background: white;
border: 1px solid #d7d7d7;
border-radius: 3px;
}
h1.page-title {
font-family: 'Voces';
font-size: 27px !important;
}
@media screen {
@font-face {
font-family: 'Voces';
font-style: normal;
font-weight: 400;
src: local('Voces'), local('Voces-Regular'), url('http://themes.googleusercontent.com/static/fonts/voces/v1/ePr7eRI28zZaOtQ8CcT7rA.woff') format('woff');
}
}
.postbody ul.profile-icons a img {
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
.postprofile {
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius: 5px;
background-image: url(http://subtlepatterns.com/patterns/light_wool.png);
}
.postprofile a img:active {
-webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1);}
.row1 {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
background-repeat: repeat;
border-radius: 4px;
border: 1px solid #d7d7d7;
}
.row2 {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
background-repeat: repeat;
border-radius: 4px;
border: 1px solid #d7d7d7;
}
.row3 {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
background-repeat: repeat;
border-radius: 4px;
border: 1px solid #d7d7d7;
}
input.button1 {
background: white;
border: 1px solid #d7d7d7;
border-radius: 3px;
padding: 4px;
}
.span-tab {
font-style:italic;}
ul.topics li.header dl.icon dt {
font-family: Times New Roman;
font-weight: bold;
text-transform: none;
font-size: 13px;
}
ul.topiclist dfn{
display: none !important;
}
ul.topiclist.forums dd.topics, ul.topiclist.forums dd.posts{
border: 1px solid #B3B3B3;
background-color: #efefef;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 60px;
-moz-box-shadow: inset 0px 0px 8px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 8px #d6d6d6;
box-shadow: inset 0px 0px 8px #d6d6d6;
margin-right: 2px;
margin-top: 15px;
}
ul.topiclist.forums dd.lastpost{
border: 1px solid #B3B3B3;
background-color: #efefef;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 60px;
-moz-box-shadow: inset 0px 0px 8px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 8px #d6d6d6;
box-shadow: inset 0px 0px 8px #d6d6d6;
margin-top: 15px;
}
dd.lastpost {
font-style:italic;}
ul.topiclist dd {
border:none;}
.buttons a img {
filter: alpha(opacity=100);
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-moz-opacity: 1.0;
opacity: 1.0;
}
.buttons a img:hover {
-webkit-transform: rotate(0deg) scale(1.2); -moz-transform: rotate(0deg) scale(1.2);
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.buttons a img:active {
-webkit-transforum: rotate(0deg) scale(1.0); -moz-transform: rotate(0deg) scale(1.0);
}
input.medium {
border-radius: 3px;
margin-right: 3px;
}
div#page-body div.search-box{
display: none;
}
#search_menu a img {
display: none;}
.title-overview {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
border-top-radius: 5px;
}
.overview {
border-radius: 5px;
border: 1px solid #d7d7d7;
box-shadow: 0px 0px 10px black;
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
.img-whois {
border: 1px solid #d7d7d7;
border-radius: 3px;
background: #e8e8e8;
}
ul.forums {
border-radius:2px;}
.table-title, .table-title h2 {
font-family: Trebuchet MS;
font-weight: bold;
text-transform: none;
font-size: 13px;
}
.panel {
background-image: url(http://subtlepatterns.com/patterns/groovepaper.png);
border: 1px solid #d7d7d7;
border-radius: 5px;
}
.panel:hover {
box-shadow: 0px 0px 5px white;
}
ul.forums dd {
border: none;}
li.row {
background-image: url(http://subtlepatterns.com/patterns/rough_diagonal.png);
border-radius: 2px;
border-bottom: 1px solid white;
border-top: 1px solid #d7d7d7;
}
li.row:hover {
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
box-shadow: 0px 0px 10px #d7d7d7;
}
.h3 {
border-bottom: 1px dashed blue;
}
#page-footer .copyright strong a{
position: fixed;
top: 10px;
left: 20px;
background-image:url('http://cdn1.iconfinder.com/data/icons/discovery/32x32/status/important.png');
width: 65px;
height: 32px;
background-repeat:no-repeat;
background-position:left top;
padding: 1px 4px;
color: transparent;
padding: 3px;
font-size: 1px;
}
#site-title, #site-title h1 {
display: none;}
#logo-desc p {
display:none;}
.forumbg {
padding: 3px;
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
box-shadow: 0px 0px 5px black;
padding: 1px 4px;
}
#wrap {
width: 950px;
border: 2px solid #c2c2c2;
border-radius: 5px;
box-shadow: 0px 0px 5px #d7d7d7;
margin-top: 25px;
background: url(http://subtlepatterns.com/patterns/chruch.png);
}
.headerbar {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid blue;
background: url(http://www.elegantthemes.com/preview/Aggregate/wp-content/themes/Aggregate/images/body-bg14.png) #003f69;
}
.navbar {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -5px;
border-top: 1px solid #004d80;
background: url(http://i42.servimg.com/u/f42/17/12/79/50/a33.png);
background-repeat: repeat-x;
}
ul.navlinks {
border-bottom: none;
}
ul.navlinks a {
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding: 3px;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}
ul.navlinks a:hover {
border-style: inset;
background-color: #1064a8;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
#search-box {
display:none;}
/*Tabel Legenda*/
p em b a.gensmall { font-style: normal; }
p em { font-style: normal;}
/* FOOOTER */
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
color: transparent !important;}
#page-footer .navbar a {
background-color: #11538a;
border-radius: 3px;
border: 2px # 0062b3 groove;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding: 3px;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}
#page-footer .navbar a:hover {
border-style: inset;
background-color: #1064a8;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
#page-footer .navbar {
position: relative;
top: 20px;
border-radius: 5px;}
div#page-footer:after {
position: relative;
padding: 5px;
font-family: Trebuchet MS,Tahoma,Arial;
font-size: 12px;
color: #5f5f5f;
text-shadow: 1px 1px 1px #fff;
text-align: center;
bottom: -5px;
content: "Copyright 2012 - Free Stuff - Skin designed and coded by FastCode";
}
.myparagraph:first-letter {
font-size:200%;
float:left;
color:orange;
}
/*-------------BOX-------------*/
.box {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin: 0px 0px 10px; }
.box-content {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size: 13px;
font-style: italic;
font-family: Trebuchet MS;
text-shadow: 1px 1px 1px #ffffff;
padding: 10px 20px 8px 90px;
min-height:25px;
}
.box-content h3 {
border-bottom: 1px solid #ccc;
margin-top: 5px;
font-family: Tahoma;
font-weight: bold;
font-style: normal;
font-size: 13px;
}
/*-------------WARNING-BOX-------------*/
.warning {
background: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
border: 1px dashed #ccc;
}
.warning .box-content {
color: #666;
background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/warnin11.png) no-repeat 10px 10px;
border: 1px solid #ffffea;
}
.warning .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}
/*-------------INFO-BOX-------------*/
.info {
background: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b11.png);
border: 1px dashed #ccc;
}
.info .box-content {
color: #666;
background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/info10.png) no-repeat 10px 10px;
border: 1px solid #ffffea;
}
.info .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}
/*-------------DOWNLOAD-BOX-------------*/
.download {
background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b12.png);
border: 1px dashed #ccc;
}
.download .box-content {
color: #666;
background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/downlo10.png) no-repeat 10px 10px;
border: 1px solid #ffffea;
}
.download .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}
.postbody ul.profile-icons a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transform: rotate(0deg) scale(1.1); -moz-transform: rotate(0deg) scale(1.1);
}
.postprofile a img {
filter: alpha(opacity=80);
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-moz-opacity: 0.8;
opacity: 0.8;
}
Mersi mult! Merge perfect!
Vizitato- Vizitator
Pagina 2 din 2 • 1, 2
Subiecte similare
» Avatarul user-ului sa fie link catre profilul sau [R]
» Avatarul e prea mic la subiecte când faci un post
» Coloane post&topic + avatar si chenar ultimu post
» Culoarea link-ului la pozitionarea mouse-ului deasupra sa semitransparenta
» Cum pun avatarul de origine ?
» Avatarul e prea mic la subiecte când faci un post
» Coloane post&topic + avatar si chenar ultimu post
» Culoarea link-ului la pozitionarea mouse-ului deasupra sa semitransparenta
» Cum pun avatarul de origine ?
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 2 din 2
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum