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.

Text Area Coding Problem?

4 posters

Go down

Solved Text Area Coding Problem?

Post by NewFoundStories September 6th 2017, 10:20 am

Technical Details


Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Screenshot of problem : https://i.imgur.com/Cdy2dnY.png
Who the problem concerns : All members
Forum link : http://oppntestsite.forumotion.com/

Description of problem

So... I'm not sure what happened, I don't know if I did something wrong when I was playing around or what happened. But the size and the fact its on the right side of the screen is bad ! I need it to be much larger and more centered... I'm 100% confused on whats going on.
NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by Ape September 6th 2017, 9:18 pm

can you please post your CSS files

Please make sure your use the code tag system when posting them.

Thanks.


Text Area Coding Problem? Left1212Text Area Coding Problem? Center11Text Area Coding Problem? Right112
Text Area Coding Problem? Ape_b110
Text Area Coding Problem? Keep_s10
Text Area Coding Problem? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17739
Reputation : 1896
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by NewFoundStories September 7th 2017, 8:13 pm

Code:
//*Cypr*//
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
.profile_field_list li { display:inline-block }
 .codebox > dd > code { font-family: 'Iceland' !important; }
#message.post {
    font-family: 'Iceland' !important;
color: #FFF;
background:#000;
  font-size: 14px !important;

}
.sceditor-container iframe, .sceditor-container textarea {
    color:  #ffffff!important;
    font-family: 'Iceland' !important;
}
.pun .main .main-content p.message {
   margin: 1.7em;
   padding: 1em;
   background-color: #918E8E;
   border: 1px solid #474746;
   }

.postmain blockquote {
background-color: #3E3738;
border: 1px solid #474746;
}

blockquote cite {
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   background-image: url("https://i.imgur.com/wlNu2Tw.png?3");
   background-repeat: no-repeat;
   background-position: top right;
   font-style: normal;
   font-size: 11px;
   background-color: #726264;
   color: #fff;
   }

.user-info {
   color: #fff !important;
   line-height: 1.8em;
   }

#fa_chat_container {
  background:#FFF;
  border:1px solid #556682;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}
 
#fa_chat {
  border:none;
  width:100%;
  height:100%;
}
 
#fa_chat_button {
  color:#FFF;

  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}
 
#fa_chat_button.fa_chat_active {
  color:#333;

  background:#FFF;
}

.fa_avatar img {
  width:30px;
  height:30px;
  margin-right:5px;
  margin-bottom:-6px;
  -webkit-border-radius:50px;
    -moz-border-radius:50px;
          border-radius:50px;
}

.pun h2, .pun h3 {
  font-weight: normal;
font-family: 'Unica One' !important;
  color: #dedfdf;
  font-size: 15px !important;
  }

.main-head {
    font-weight: normal;
font-family: 'Unica One' important;
  color: #dedfdf;
  font-size: 18px;
}
.pun h9 {
  font-weight: normal;
font-family: 'Unica One' !important;
  color: #dedfdf;
  font-size: 25px;
  }

.chatbox-title,.chatbox-title a.chat-title {
   color: #dedfdf;
   text-decoration: none;
  font-family: 'Unica One' !important;
  font-size: 16px;
   }

.crumbs {
  font-family: 'Iceland' !important;
  font-size: 16px !important;
  color: #fff !important;
}

.starlight {
    font-family: 'Unica One' !important;
  font-size: 18px !important;
}

.streetcred {
  font-family: 'Libre Barcode 128 Text' !important;
  font-size: 30px !important;
  color: #fff !important;
  text-algin: center;
}

.streetcred a {
  font-family: 'Libre Barcode 128 Text' !important;
  font-size: 30px !important;
  color: #fff !important;
  text-algin: center;
  text-decoration: none;
}

#chatbox {
  font-family: 'Iceland' !important;
}

#message {
    font-family: 'Iceland' !important;
}

a.chat-title {
      font-family: 'Iceland' !important;
}

.chatbox-options {
        font-family: 'Iceland' !important;
}

.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
   visibility: hidden;
   }
NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by TheCrow September 7th 2017, 8:17 pm

When you're saying "messing around", what 'messes' ( Razz ) have you done exactly?
TheCrow
TheCrow
Manager
Manager

Male Posts : 6786
Reputation : 786
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by NewFoundStories September 7th 2017, 8:40 pm

Theres a couple javascripts that I've tried, and a few of them work or work half ways? Like the select content button for the code tag, it works but for some reason, only part of it works, it doesn't go to the right, nor is it in caps. So I'm not 100% if one of these have caused that issue or not, but

Text Area Coding Problem? I5UVc7q

those are the javas i have
NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by SLGray September 7th 2017, 8:48 pm

What is Iceland?


Text Area Coding Problem? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50246
Reputation : 3466
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by NewFoundStories September 7th 2017, 8:50 pm

Iceland is a google font that i had tried to get to work, and Draxion had come up with the java, trying to get to work in the chatbox and other areas.

Code:
/*$(function() {
  $(function() {
    $(".sceditor-container iframe")
      .contents()
      .find("head")
      .append(
        "<style>body,html,code:before,p,table{font-family: 'Iceland' !important; float:right; text-transform: uppercase; cursor:pointer;}</style>"
      );
  });
});*/
$(function() {
  $(function() {
    $("Object #frame_chatbox")
      .contents()
      .find("head")
      .append(
        '<style type="text/css">body,html,p #chatbox p, {font-family: "Iceland" !important;}</style>'
      );
  });
});

Theres the code for it.
NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by TheCrow September 7th 2017, 9:07 pm

Hello,

In javascripts we do not use /* and */ to add comments. We add these instead: //
Try this code:
Code:
//$(function() {
//  $(function() {
//    $(".sceditor-container iframe")
//      .contents()
//      .find("head")
//      .append(
//        "<style>body,html,code:before,p,table{font-family: 'Iceland' !important; float:right; text-transform: uppercase; cursor:pointer;}</style>"
//      );
//  });
//});
$(function() {
  $(function() {
    $("Object #frame_chatbox")
      .contents()
      .find("head")
      .append(
        '<style type="text/css">body,html,p #chatbox p, {font-family: "Iceland" !important;}</style>'
      );
  });
});
TheCrow
TheCrow
Manager
Manager

Male Posts : 6786
Reputation : 786
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by NewFoundStories September 7th 2017, 9:50 pm

Alright so I added that, it didn't change the font of the chatbox; which is a problem we've been having, but thats fine as of right now, I just need that text area fixed.

Text Area Coding Problem? 361ZGLP

NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by TheCrow September 7th 2017, 10:53 pm

Okay, could you send me an account via pm that has access to post a reply anywhere in your forum please?
Thank you.
TheCrow
TheCrow
Manager
Manager

Male Posts : 6786
Reputation : 786
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by NewFoundStories September 8th 2017, 12:49 am

@Luffy I'm unable to send you a pm?? =(
NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by TheCrow September 8th 2017, 12:53 am

Sorry, try again now.
TheCrow
TheCrow
Manager
Manager

Male Posts : 6786
Reputation : 786
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by NewFoundStories September 8th 2017, 1:03 am

@Luffy PM Sent ^_^
NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by TheCrow September 8th 2017, 10:44 am

Okay so, based on your CSS you have to do this modifications:
To
Code:
fieldset.frm-set dl dt
change the width to
Code:
width: 4em;
To
Code:
fieldset.frm-set dl dd
change the margin left to
Code:
margin-left: 5em;

Thank should fix your problems. If there's none of these parts in your CSS then add this:
Code:
fieldset.frm-set dl dt { width: 4em!important }
fieldset.frm-set dl dd { margin-left: 5em!important }
TheCrow
TheCrow
Manager
Manager

Male Posts : 6786
Reputation : 786
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by NewFoundStories September 8th 2017, 5:40 pm

Ahh! Thank you <3 This has been solved !!
NewFoundStories
NewFoundStories
Forumember

Female Posts : 59
Reputation : 1
Language : English

View user profile http://op-piratenation.forumotion.com/

Back to top Go down

Solved Re: Text Area Coding Problem?

Post by TheCrow September 8th 2017, 5:47 pm

Sure thing! Smile Have a great day! :rose:

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
TheCrow
TheCrow
Manager
Manager

Male Posts : 6786
Reputation : 786
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Back to top

- Similar topics

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