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.

adding a frame around something

View previous topic View next topic Go down

Solved adding a frame around something

Post by TruStealth™ on February 3rd 2014, 11:02 pm

Hello,

I was wondering how I can add a frame around this area located under the reply box



Last edited by BewizPro on February 4th 2014, 12:51 am; edited 1 time in total

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: adding a frame around something

Post by Sir Chivas™ on February 3rd 2014, 11:08 pm

Hi,

Can you either provide through PM your forum URL and tutorial used or can be done by posting it here. Also, if you're going to provide your forum URL, can you please provide a test account?

Thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: adding a frame around something

Post by TruStealth™ on February 4th 2014, 12:37 am

Sir Chivas™ wrote:Hi,

Can you either provide through PM your forum URL and tutorial used or can be done by posting it here. Also, if you're going to provide your forum URL, can you please provide a test account?

Thank you.

what do you mean a tutorial I used? i'm not understanding what your asking or talking about. You taking about the code I used?

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: adding a frame around something

Post by Sir Chivas™ on February 4th 2014, 12:49 am

Yes, I wanna know the ID that way I can give you the CSS. So, can you please provide the code you used?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: adding a frame around something

Post by TruStealth™ on February 4th 2014, 12:53 am

Spoiler:

Code:
Code Removed

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: adding a frame around something

Post by Ange Tuteur on February 4th 2014, 12:16 pm

BewizPro wrote:
Code:
Code Removed

Hello ? scratch

If you want to add a border to something it's simple. Use the following CSS property :
Code:
border: 1px solid #000

Without the code we have no Idea what the selector for it is so that is your call. An example of an element with a border would be :
Code:
HTML :
<div class="myDIV">Hello !</div>

CSS :
.myDIV {
padding:3px;
border:1px solid #000;
}

I invite you to read the following, it should be helpful further. Smile
http://www.w3schools.com/cssref/pr_border.asp

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: adding a frame around something

Post by TruStealth™ on February 4th 2014, 2:25 pm

@Ange Tuteur wrote:
BewizPro wrote:
Code:
Code Removed

Hello ? scratch

If you want to add a border to something it's simple. Use the following CSS property :
Code:
border: 1px solid #000

Without the code we have no Idea what the selector for it is so that is your call. An example of an element with a border would be :
Code:
HTML :
<div class="myDIV">Hello !</div>

CSS :
.myDIV {
padding:3px;
border:1px solid #000;
}

I invite you to read the following, it should be helpful further. Smile
http://www.w3schools.com/cssref/pr_border.asp

here is the code i will post again so i can get the correct code needed
Code:
$(function(){$(function(){
              var numeroMinimoPalabras = 4;
              var longitudMinimaPalabra = 2;
              var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png";
              var ico_incompl = "http://i73.servimg.com/u/f73/18/10/89/49/exclam10.png"; 
           
              if($("#text_editor_textarea").length != 0){
                  $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");     
                  $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'>Words minimum to send a message: " + numeroMinimoPalabras + " (at least " + longitudMinimaPalabra + " letters)</div><div id='div_minchars_info'></div></div>");
                 
                  var sceditor = $("#text_editor_textarea").sceditor("instance");                 
                  var str = sceditor.val();
                  var regex = new RegExp('\\w{' + longitudMinimaPalabra + ',}\\b', 'g');
                  var str_arr = str.match(regex);
                  var str_len = str_arr == null ? 0 : str_arr.length;
                 
                  if(str_len >= numeroMinimoPalabras) $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                 
                  sceditor.keyUp(function(e) {
                    str = sceditor.val();
                    str_arr = str.match(regex);
                    str_len = str_arr == null ? 0 : str_arr.length;
                    if(str_len >= numeroMinimoPalabras) {
                        $("#div_minchars_info").html("You wrote <span style='color:green'>" + str_len + "</span> word(s). You can send the message <img src='" + ico_compl  + "' />"); 
                      $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                    }else{
                        $("#div_minchars_info").html("You wrote <span style='color:red'>" + str_len + "</span> word(s). You need " + (numeroMinimoPalabras - str_len) + " more word (s) to write this message <img src='" + ico_incompl  + "' />");
                        $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
                    }
                  });
              }
            })});

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: adding a frame around something

Post by Ange Tuteur on February 4th 2014, 2:33 pm

BewizPro wrote:here is the code i will post again so i can get the correct code needed
Code:
$(function(){$(function(){
               var numeroMinimoPalabras = 4;
               var longitudMinimaPalabra = 2;
               var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png";
               var ico_incompl = "http://i73.servimg.com/u/f73/18/10/89/49/exclam10.png";  
            
             if($("#text_editor_textarea").length != 0){
                  $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");      
                  $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'>Words minimum to send a message: " + numeroMinimoPalabras + " (at least " + longitudMinimaPalabra + " letters)</div><div id='div_minchars_info'></div></div>");
                  
                  var sceditor = $("#text_editor_textarea").sceditor("instance");                  
                  var str = sceditor.val();
                  var regex = new RegExp('\\w{' + longitudMinimaPalabra + ',}\\b', 'g');
                  var str_arr = str.match(regex);
                  var str_len = str_arr == null ? 0 : str_arr.length;
                  
                  if(str_len >= numeroMinimoPalabras) $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                  
                  sceditor.keyUp(function(e) {
                     str = sceditor.val();
                     str_arr = str.match(regex);
                     str_len = str_arr == null ? 0 : str_arr.length;
                     if(str_len >= numeroMinimoPalabras) {
                        $("#div_minchars_info").html("You wrote <span style='color:green'>" + str_len + "</span> word(s). You can send the message <img src='" + ico_compl  + "' />");  
                       $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                     }else{
                        $("#div_minchars_info").html("You wrote <span style='color:red'>" + str_len + "</span> word(s). You need " + (numeroMinimoPalabras - str_len) + " more word (s) to write this message <img src='" + ico_incompl  + "' />");
                        $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
                     }
                  });
               }
            })});

Try this :
Code:
#div_minchars { border:1px solid black; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: adding a frame around something

Post by TruStealth™ on February 4th 2014, 3:02 pm

that worked how can I center ?

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: adding a frame around something

Post by Ange Tuteur on February 4th 2014, 3:13 pm

See if this CSS helps :
Code:
#div_minchars { margin:3px auto; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: adding a frame around something

Post by TruStealth™ on February 4th 2014, 3:48 pm

this can be marked solved thanks Smile

TruStealth™
Forumember

Posts : 107
Reputation : 1
Language : English

http://Sorry.No-Forum-Address-Given.sorry

Back to top Go down

Solved Re: adding a frame around something

Post by Ange Tuteur on February 4th 2014, 4:02 pm

You're welcome I love you

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
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