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.

Profile and homepage message frame / quick reply box

View previous topic View next topic Go down

Solved Profile and homepage message frame / quick reply box

Post by TheShaka on March 3rd 2014, 2:06 pm

Hi i want add frame to profile message:


Frame to homepage message:


I want make bigger the quick reply box is really small, i try many codes but not work i can't make him more big.
forum: http://seiya.forumpl.net/
version: phpbb3

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Ange Tuteur on March 3rd 2014, 2:16 pm

Hello TheShaka,

I am not sure about your chat since it isn't by forumotion, but you can try this :
Code:
.panel.introduction { border:2px solid #000; }

For the profiles, use this :
Code:
.postprofile { border:2px solid #000; padding:3px; }

And for the quick reply, try adjusting it with this :
Code:
#quick_reply .sceditor-container {
  width:700px !important;
  height:250px !important;
}

All codes should go in :
Administration panel > display > colors > css stylesheet

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 3rd 2014, 2:43 pm

Hi and thanks but the code does not work for me, any idea why?

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Ange Tuteur on March 3rd 2014, 2:59 pm

Did you place it at the top of your stylesheet ?

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 3rd 2014, 3:12 pm

@Ange Tuteur wrote:Did you place it at the top of your stylesheet ?
I place it now on the top and the first code work perfect.
Profile code and Quick reply still not working.

And idk why but my font size in category name changed to bigger

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 4th 2014, 3:19 pm

Buuuuuuuuuuuump

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Ange Tuteur on March 4th 2014, 4:05 pm

Post here your stylesheet using the code tags so I can check for errors.

Code:
[code][/code]

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 4th 2014, 5:11 pm

Code:
.panel.introduction { border:2px solid #000; }
div.panel { border:2px solid #000; }

#wrap {

   background-color: rgba(255,255,255,0.6);background-repeat: repeat-x;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    -o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #ffffff;
-webkit-box-shadow : 0 0 9px #ffffff;

   }
a { text-decoration: none; }
blockquote {
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
   border: 1px solid #000000;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;

   }
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i61.servimg.com/u/f61/14/21/31/20/gradie20.png");
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
font-family: comic sans ms;
color: #000000;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url("http://i61.servimg.com/u/f61/14/21/31/20/gradie20.png");
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}
#search{
display:none;
}


.inputbox {
   background-color: rgba(0,0,50,0);

    border: 1px solid #BCBCBC;
   color: #ffffff;
   padding: 2px;
   cursor: text;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

   }

.inputbox:hover {

background-color: rgba(0,0,50,0);
    border: 1px solid #BCBCBC;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
    }

fieldset dl {
   padding: 4px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.fields1 dt {
   width: 10em;
   border-right-width: 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.submit-buttons {
   text-align: center;
   vertical-align: middle;
   margin: 5px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }

dl.codebox {
   padding: 3px;
   background-color: #000000;
   border: 1px solid #C9D2D8;
   font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #000000;
   }
.forabg {
   clear: both;
   background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
   padding:0px 10px;

background-repeat: repeat-x;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;


   }
.forumbg {
   clear: both;
   background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
   padding:0px 10px;

background-repeat: repeat-x;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    -o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;


   }
.panel {
      clear: both;
   background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c13.png");
   padding:0px 10px;

background-repeat: repeat-x;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    -o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 10px;
      border-radius: 10px;
border: 1px solid #8C8C8C;
    background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c14.png");

-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.postprofile {
   color: #000000;
   margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: transparent;
   width: 22%;
   float: left;
   display: inline;
   position: relative;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main {
   float: left;
   width: 98%;
   margin-left: 20px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main .panel {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main table.table1 {
   margin-bottom: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#ucp-main table.table1 {
   padding: 20px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#tabs {
   line-height: normal;
   margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   
/*min-width: 570px;
   */
}
#smiley-box {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }

ul.profile-icons {
   margin-top: 10px;
   list-style: none;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#message-box textarea {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
.module {
   clear: both;
   background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
   padding:0px 10px;

background-repeat: repeat-x;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    -o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }

.signature {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;

   }
body.chatbox {

 
background-image: url('http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png');

   }

/* Login Popup---------------------------------------------------*/
#login_popup {
background-color: #262627;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-image: url('http://i30.servimg.com/u/f30/14/70/09/25/glossy10.png') ;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;   
background-repeat: repeat-x;
}

.LGlike {
      background: #105289;
      padding: 3px;
      border-radius: 4px;
      color: #fff;
      font-size: 10px;
      font-weight: bold;
      text-shadow: -1px 0.5px #888;
      box-shadow: 1px 1px 1px #888;
      cursor: pointer;
      margin-right: 4px;
    }
.LGvote { margin: 0 5px; }
.LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }

dl.codebox {
  background-image: url('http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png') ;
    background-color: none;
    border: none;
}
dl.codebox.spoiler {
    background-color: none;
    border: none;
}
.postdetails img {border-radius: 15px;  }
body {
background-repeat: no-repeat;
background-position: top;
}
img.smiley {
width: auto !important;
height: auto !important;
}
.signature_div img {
    max-width: 500px !important;
    max-height: 200px !important;
}
#i_icon_mini_index {
opacity: .8;
}
#i_icon_mini_index:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_faq {
opacity: .8;
}
#i_icon_mini_faq:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_search {
opacity: .8;
}
#i_icon_mini_search:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_members {
opacity: .8;
}
#i_icon_mini_members:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_groups {
opacity: .8;
}
#i_icon_mini_groups:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_profile {
opacity: .8;
}
#i_icon_mini_profile:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_message {
opacity: .8;
}
#i_icon_mini_message:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_logout {
opacity: .8;
}
#i_icon_mini_logout:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_login {
opacity: .8;
}
#i_icon_mini_login:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#i_icon_mini_register {
opacity: .8;
}
#i_icon_mini_register:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
#fa_toolbar {
opacity: .4;
}
#fa_toolbar:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}

#page-body{margin-top:40px;}
#fa_toolbar, #fa_toolbar_hidden {background: url('');}
 .spoiler {
  -moz-border-radius: 8px;
-webkit-border-radius: 8x;
border-radius: 8px;
  padding: 2px;
box-shadow: 0 0 20px white;}

#i_icon_mini_portal {
opacity: .8;
}
#i_icon_mini_portal:hover {

transition-duration: 0.5s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter: alpha(opacity=40);
}
li.row {background-image: url('http://oi61.tinypic.com/2ajtb9c.jpg');
    border: 0px solid #0F0C0C;
   padding: 1px;
   cursor: text;
-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
#quick_reply #av_raspuns{
  display: table-cell;
  width: 200px;
}

#quick_reply #textarea_content{
  width: 800px !important;
  display: table;
}

#quick_reply #text_editor_controls{
  width: 505px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 100px;
}

#quick_reply #text_editor_textarea{
  display: table-cell;
  width: 400px;
}
a { text-decoration: none; }
dl.codebox.spoiler {
    background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
   border: 1px solid #000000;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
  }
a { text-decoration: none; }
dl.codebox {
    background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
  background-repeat: repeat-x;
   border: 0px solid #000000;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
  }
#quick_reply .sceditor-container {
width:700px !important;
height:200px !important;
left:-120px !important;
}
#quick_reply .sceditor-container {
  width:700px !important;
  height:250px !important;
}

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Ange Tuteur on March 4th 2014, 5:25 pm

Try this :
Code:
.panel.introduction { border:2px solid #000; }
  div.panel { border:2px solid #000; }

  #wrap {

  background-color: rgba(255,255,255,0.6);background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  -o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #ffffff;
  -webkit-box-shadow : 0 0 9px #ffffff;

  }
  a { text-decoration: none; }
  blockquote {
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
  border: 1px solid #000000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 10px;
  -moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;

  }
  a.button1, input.button1, a.button2, input.button2, button.button2 {
  background-image: url("http://i61.servimg.com/u/f61/14/21/31/20/gradie20.png");
  color: black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 3px;
  font-family: comic sans ms;
  color: #000000;}

  #text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
  background-image: url("http://i61.servimg.com/u/f61/14/21/31/20/gradie20.png");
  color: black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 3px;}
  #search{
  display:none;
  }


  .inputbox {
  background-color: rgba(0,0,50,0);

  border: 1px solid #BCBCBC;
  color: #ffffff;
  padding: 2px;
  cursor: text;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;

  }

  .inputbox:hover {

  background-color: rgba(0,0,50,0);
  border: 1px solid #BCBCBC;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border-color: #111010;
  -moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;
  }

  fieldset dl {
  padding: 4px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  fieldset.fields1 dt {
  width: 10em;
  border-right-width: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  fieldset.submit-buttons {
  text-align: center;
  vertical-align: middle;
  margin: 5px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }

  dl.codebox {
  padding: 3px;
  background-color: #000000;
  border: 1px solid #C9D2D8;
  font-size: 1em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #000000;
  }
  .forabg {
  clear: both;
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
  padding:0px 10px;

  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;


  }
  .forumbg {
  clear: both;
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
  padding:0px 10px;

  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  -o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;


  }
  .panel {
  clear: both;
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c13.png");
  padding:0px 10px;

  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  -o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;
  }
  .post {
  padding: 0 10px;
  margin-bottom: 4px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #8C8C8C;
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c14.png");

  -moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;
  }
  .postprofile {
  color: #000000;
  margin: 5px 0 0px 0;
  min-height: 80px;
  width: 22%;
  float: left;
  display: inline;
  position: relative;
  }
  #cp-main {
  float: left;
  width: 98%;
  margin-left: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  #cp-main .panel {
 
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  #cp-main table.table1 {
  margin-bottom: 1em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  #ucp-main table.table1 {
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  #tabs {
  line-height: normal;
  margin: 20px 0 -1px 7px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
 
/*min-width: 570px;
  */
  }
  #smiley-box {
 
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }

  ul.profile-icons {
  margin-top: 10px;
  list-style: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  #message-box textarea {
 
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  }
  .module {
  clear: both;
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
  padding:0px 10px;

  background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  -o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;
  }

  .signature {
 
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border-color: #111010;

  }
  body.chatbox {

 
background-image: url('http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png');

  }

  /* Login Popup---------------------------------------------------*/
  #login_popup {
  background-color: #262627;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  background-image: url('http://i30.servimg.com/u/f30/14/70/09/25/glossy10.png') ;
  border: 1px solid #101010;
  -moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;
background-repeat: repeat-x;
  }

  .LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
  }
  .LGvote { margin: 0 5px; }
  .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
  }

  dl.codebox {
  background-image: url('http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png') ;
  background-color: none;
  border: none;
  }
  dl.codebox.spoiler {
  background-color: none;
  border: none;
  }
  .postdetails img {border-radius: 15px; }
  body {
  background-repeat: no-repeat;
  background-position: top;
  }
  img.smiley {
  width: auto !important;
  height: auto !important;
  }
  .signature_div img {
  max-width: 500px !important;
  max-height: 200px !important;
  }
  #i_icon_mini_index {
  opacity: .8;
  }
  #i_icon_mini_index:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_faq {
  opacity: .8;
  }
  #i_icon_mini_faq:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_search {
  opacity: .8;
  }
  #i_icon_mini_search:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_members {
  opacity: .8;
  }
  #i_icon_mini_members:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_groups {
  opacity: .8;
  }
  #i_icon_mini_groups:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_profile {
  opacity: .8;
  }
  #i_icon_mini_profile:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_message {
  opacity: .8;
  }
  #i_icon_mini_message:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_logout {
  opacity: .8;
  }
  #i_icon_mini_logout:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_login {
  opacity: .8;
  }
  #i_icon_mini_login:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #i_icon_mini_register {
  opacity: .8;
  }
  #i_icon_mini_register:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  #fa_toolbar {
  opacity: .4;
  }
  #fa_toolbar:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }

  #page-body{margin-top:40px;}
  #fa_toolbar, #fa_toolbar_hidden {background: url('');}
  .spoiler {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8x;
  border-radius: 8px;
  padding: 2px;
  box-shadow: 0 0 20px white;}

  #i_icon_mini_portal {
  opacity: .8;
  }
  #i_icon_mini_portal:hover {

  transition-duration: 0.5s;
  -moz-transition-duration: 1.0s;
  -webkit-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
  -moz-opacity: 0.6;
  opacity: 1.0;
  filter: alpha(opacity=40);
  }
  li.row {background-image: url('http://oi61.tinypic.com/2ajtb9c.jpg');
  border: 0px solid #0F0C0C;
  padding: 1px;
  cursor: text;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  }
  #quick_reply #av_raspuns{
  display: table-cell;
  width: 200px;
  }

  #quick_reply #textarea_content{
  width: 800px !important;
  display: table;
  }

  #quick_reply #text_editor_controls{
  width: 505px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 100px;
  }

  #quick_reply #text_editor_textarea{
  display: table-cell;
  width: 400px;
  }
  a { text-decoration: none; }
  dl.codebox.spoiler {
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
  border: 1px solid #000000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 10px;
  -moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;
  }
  a { text-decoration: none; }
  dl.codebox {
  background-image: url("http://i21.servimg.com/u/f21/14/21/31/20/body_c12.png");
  background-repeat: repeat-x;
  border: 0px solid #000000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 10px;
  -moz-box-shadow : 0 0 9px #000000;
  -webkit-box-shadow : 0 0 9px #000000;
  }
  #quick_reply .sceditor-container {
  width:900px !important;
  height:200px !important;
  left:-60px !important;
  }
.postprofile { border:2px solid #000; border-radius:6px; padding:3px }

You already had some rules for the sceditor and postprofile. I added new ones to the bottom if you want to edit them. I also removed one declaration that wasn't a part of any rule, the rule below that property may have not be active, but it should work now.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 4th 2014, 7:31 pm

Epic man epic! The quick reply box, profile box everything work and looks good and better man!
really thanks dude i know you lose your time for review the 650 line of code for fix the bugs so thanks man!

i have few questions more if you can help

The font is still big


And is possible to change the profile box i mean the line because the line is fat she have 2-3px i can change it to 1px?
i can add rounded corners to awatars? and add size limit for avatar and signiature? i try code from phpbb2 but not work

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Pizza Boi on March 4th 2014, 7:42 pm

Hi Very Happy

Limit for avatar size code:

Code:
.poster-profile img  {
    max-width: #px !important;
    max-height: #px !important;
}

^ Just change it to your desired.

Code:
.signature_div img{
  max-width: #px !important;
  max-height: #px !important;
}

^ Just limit the size to your liking for the signature limit.

Not sure if this will help change the border size since I just revised it from Ange's code:

Code:
.postprofile { border:1px solid #000; padding:3px; }

Or you can try the panel version.

For the rounded corners of the avatar, add this in the code I provided for the avatar size change:

Code:
 -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;

^ Not sure if that would work or you can just remove the -webkit- part.

Hope I helped!

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 4th 2014, 8:14 pm

Thanks man! just the code for profile box line still not work.

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Ange Tuteur on March 5th 2014, 12:18 am

@TheShaka wrote:Thanks man! just the code for profile box line still not work.
That is because there is already a rule for the postprofile adding a border. Scroll to the bottom of your stylesheet and you should find it.

Or search for the postprofile class :
Code:
.postprofile

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 5th 2014, 12:43 am

Ok got it thanks again, now just the size of category name idk why is bigger, how i can change the size?

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Ange Tuteur on March 5th 2014, 12:47 am

Oh, try adjusting it with the following CSS :
Code:
.table-title h2 {
    font-size:12px !important;
    border:none !important;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by TheShaka on March 5th 2014, 12:52 am

Thanks man thread sloved.
Thanks again see you in next thread haha ^^

TheShaka
Forumember

Male Posts : 413
Reputation : 6
Language : polish

http://seiya.forumotion.com

Back to top Go down

Solved Re: Profile and homepage message frame / quick reply box

Post by Ange Tuteur on March 5th 2014, 12:54 am

You're very welcome I love you

Topic solved and archived

Have a good day and see you soon. Smile

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