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.

Several Customizations

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Several Customizations

Post by IamSpiX11 on April 7th 2011, 4:55 am

I will do it on one topic only..


1. where could i get the style of forumotion regarding the spoiler tag

Spoiler:
like this

and the code box?

Code:
like this one?


it is very sleek and simple...
i love it

2. is it possible to have a color palette for font color selection
i've read the 'adding colors by template editing'
but its not what im looking for

like this palettes

as simple as this



or as complex as this





IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Jophy on April 7th 2011, 5:30 am

Hello,

1. It is the default style of spoiler/code, what do you want to do with it?(It's already the default style of code and spoiler on your forum)
Code:
[code][/code]
Code:
[spoiler][/spoiler]

2.I don't think you can add this, you can use the color tags to change the color of the fonts on posts:
Code:
[color=COLOR NAME/CODE HERE]TEXT HERE[/color]

example:
TEXT
Code:
[color=#0D05FF]TEXT[/color]

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 7th 2011, 5:47 am

lol no...

the default style of spoiler and code tag is transparent:
since before...

it looks like this one


same as the spoiler tag..

and the code tag doesn't have a
"select content like of that shown above"

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Darren1 on April 7th 2011, 9:46 am

Hi,

1) For the spoiler/code box looks, there has been some CSS Modification, I'm not to sure what they are myself, so Ill await someone else to confirm Wink
However, in terms of getting the "Select content" button, follow my post in this thread, and the code provided in this thread.

2) As far as the colour wheel, I'm sure it's possible, and I'm certain it is through JQuery, however, I'm not sure how to do it personally, I'm not all that knowledgeable, however, I will seek a way to tweek Jalokim's tut for the additional colours next ween, when I get a chance for you.

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 7th 2011, 10:11 am

@Darren1 wrote:Hi,

1) For the spoiler/code box looks, there has been some CSS Modification, I'm not to sure what they are myself, so Ill await someone else to confirm Wink
However, in terms of getting the "Select content" button, follow my post in this thread, and the code provided in this thread.

2) As far as the colour wheel, I'm sure it's possible, and I'm certain it is through JQuery, however, I'm not sure how to do it personally, I'm not all that knowledgeable, however, I will seek a way to tweek Jalokim's tut for the additional colours next ween, when I get a chance for you.

wow, a very nice help...
i am waiting for more confirmations and help,..

thankyou!

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Nera. on April 7th 2011, 10:26 am


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 7th 2011, 10:54 am

hahaha, if you read my post, i already read that from before...
thanks anyways

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Jophy on April 7th 2011, 11:13 am

Is it solved?

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 7th 2011, 11:42 am

not yet i think...i will mark it solve dont worry

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Base on April 7th 2011, 5:51 pm

Hi, as Darren correctly said, the spoiler and code boxes can be modified using CSS. If you would like a style like the ones we have here, then please add this to your CSS code:

Code:
dl.codebox {
    background-color: #FFFFFF;
    border: 1px solid #C9D2D8;
    font-size: 1em;
    padding: 3px;
}

To find your CSS code, please go to:

1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet and paste the code there

Smile

Regards,

Base

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 8th 2011, 9:16 am

is it for phbb3? or phbb2?

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Base on April 8th 2011, 5:43 pm

It's for phpBB 3, but I can easily get a phpBB 2 code for you if you want. Is your forum version phpBB 3? Smile

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 10th 2011, 3:01 am

its phpbb2 man, sorry if i did not include it...

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Base on April 10th 2011, 10:37 am

Because of the version differences, you can't get a very similar style for both boxes such as the ones we have here, since we're on phpBB 3. However, to get our font colour for the code boxes, you can add this to your CSS code:

Code:
.code div.cont_code {
    color: #2E8B57;
    max-height: 200px;
    overflow: auto;
}

Wink

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 10th 2011, 11:41 am

oh i see man, i think i need to change the version of my forum to have this kind of stuffs right? also the thing about select content? im seeing that it only works for phpbb3? i have to do a full customization of my css to maintain the similar skin that we are having...

hahaha,
here is the link up to my forum,
Code:
http://k-of-d.forumotion.com

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Darren1 on April 11th 2011, 9:13 am

Concerning the select content button, it should work on all versions, I got it to work with the method and codes provided on all versions (PHPBB2 &3, PunBB and InVision) without an issue. The God must of had some conflicting codes for some reason.

I'm sorry, I haven't made an attempt to tweek the current BBCode colours coding as I've been in another city for the weekend.

hey Base, whatever happened to the select content button here eh?

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Several Customizations

Post by Base on April 11th 2011, 10:16 am

@Darren1 wrote:hey Base, whatever happened to the select content button here eh?

Oh right! The select content button will work on phpBB 2 as well as phpBB 3. Wink

IamSpiX11, if you would like to have a select content button like we do here on the support forum, you will need to create a new HTML page and paste the following code inside:

Code:
function selectCode(a)
    {
      // Get ID of code block
      var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
   
      // Not IE
      if (window.getSelection)
      {
          var s = window.getSelection();
          // Safari
          if (s.setBaseAndExtent)
          {
            s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
          }
          // Firefox and Opera
          else
          {
            // workaround for bug # 42885
            if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
            {
                e.innerHTML = e.innerHTML + ' ';
            }
   
            var r = document.createRange();
            r.selectNodeContents(e);
            s.removeAllRanges();
            s.addRange(r);
          }
      }
      // Some older browsers
      else if (document.getSelection)
      {
          var s = document.getSelection();
          var r = document.createRange();
          r.selectNodeContents(e);
          s.removeAllRanges();
          s.addRange(r);
      }
      // IE
      else if (document.selection)
      {
          var r = document.body.createTextRange();
          r.moveToElementText(e);
          r.select();
      }
    }
    if(text){}else{ var text = 'Selecionar todos';}
    jQuery(document).ready(function(){
      jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;" title="Select all the content" class="code-a">Select All</a>');
    });

Once you have done that, you will need to paste the following code in your site description:

Code:
<script src="/h#-" type="text/javascript"></script>

The # sign will need to be placed with the ID number of the HTML page you've just created and the name of the page will also need to be followed after the hyphen. Wink

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: Several Customizations

Post by Darren1 on April 11th 2011, 12:41 pm

P.S. Base, that code will work on IPB & Pun we well loove

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 11th 2011, 1:47 pm

its a thanks man, the only problem now is the color palette,
and is there anyway to have the same code_box
and spoiler box,

which the "code" label and "spoiler" label is inside the box, not outside...

thanks

p.s. that code don't work at all, crap...

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Darren1 on April 11th 2011, 1:57 pm

So just for clarification, the code Base supplied didn't work for the 'select content' button, correct?

Just for clarification, are you on PunBB or PHPBB2?
Ill get started tomorrow morning, it's way to complex for my brain to handle after driving all day Wink

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 11th 2011, 2:19 pm

its phpbb2, yes, i followed the instructions really..
im sure...


IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 12th 2011, 9:44 am

@IamSpiX11 wrote:its a thanks man, the only problem now is the color palette,
and is there anyway to have the same code_box
and spoiler box,

which the "code" label and "spoiler" label is inside the box, not outside...

thanks

p.s. that code don't work at all, crap...

i am waiting for an answer

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on April 13th 2011, 6:20 pm

bump..ahh

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on May 4th 2011, 8:31 am

bump,..long lost...i receive no help these days..

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on May 6th 2011, 2:47 am

Bumping again, select content aint working on phpbb2, how about template editing? will that one worK

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by kirk on May 6th 2011, 5:56 am

you would have to find the code/script for the color pallet and test it to make sure it works and however it has to be set up.
then it's going to be a matter of going into the template,removing forumotions, and replacing it with the new coding .. providing you are able to find something that works and will be compatible in the template.

So you find the script /coding, and i will test and see if there is a way to get it to work.



Hey why don't we add photoshop in there too while were at it... lol
Honestly? who needs all those colors on a forum anyway affraid lol! guitar


Last edited by kirk on May 6th 2011, 6:10 am; edited 2 times in total

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Several Customizations

Post by Darren1 on May 6th 2011, 6:02 am

Sorry about this.

Here's a code, I think it's the right one for PHPBB2, I've got several copies of it, just doing completely incorrect things, and trying to get it to work.

Exclamation I've just got to worn you, if you implement this PHPBB2 code, Idea you will lose the ability to edit a post and use it's default BBCodes, which is what I'm trying to find a way to stop it from removing it, within my free time, which I don't have much of as of lately.

I've been unable to change the current colour pallet to a custom such as that, simply because my skills aren't good enough I believe.

Code:
$(function() {
      x = $('table tr td span:contains("Code:")').parent().parent().parent().get();

      for (i = 0; i < x.length; i++) {
        x[i].childNodes[0].childNodes[0].innerHTML='<strong>Code - <a class="selectAll" href="#">Select all</a></strong>';
        o = $(x[i]).find('.cont_code').html();
        $(x[i]).find('.cont_code').htm;

        $('.selectAll').click(function() {
        $(this).parent().parent().parent().parent().find('.cont_code').find('textarea').trigger('focus').trigger('select');
          return false;
        });
      };
    });

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on May 6th 2011, 7:05 am

@Darren1 wrote:I've just got to worn you, if you implement this PHPBB2 code, Idea you will lose the ability to edit a post and use it's default BBCodes, which is what I'm trying to find a way to stop it from removing it, within my free time, which I don't have much of as of lately.

are you referring to the adding of colors on color selector??

somehow it aint working, idk why..
yeah, the "select all" is there, but ain't selecting the content..

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Re: Several Customizations

Post by Darren1 on May 6th 2011, 7:48 am

Hmm, so thats the dodgy one. Damn.

Try this one, but it's downside is that it decreases the code boxes' size.
Thanks to Saxaca for this one Wink

Code:
    $(function() {
      x = $('table tr td span:contains("Code:")').parent().parent().parent().get();

      for (i = 0; i < x.length; i++) {
        x[i].childNodes[0].childNodes[0].innerHTML='<strong>Code - <a class="selectAll" href="#">Select all</a></strong>';
        o = $(x[i]).find('.cont_code').html();
        $(x[i]).find('.cont_code').html('<textarea style="resize: none; background: transparent; border: transparent; -moz-resize: none; -webkit-resize: none; -o-resize: none; -khtml-resize: none;">'+o+'</textarea>');

        $('.selectAll').click(function() {
        $(this).parent().parent().parent().parent().find('.cont_code').find('textarea').trigger('focus').trigger('select');
          return false;
        });
      };
    });

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Several Customizations

Post by IamSpiX11 on May 6th 2011, 8:19 am

oh,, i thank you, gonna edit this post, if it works...thanks!

well, it works!! and another thing, i edited the code you gave and set the width to 100%, and color to suite the background..gonna customize it more thanks!

IamSpiX11
Forumember

Male Posts : 80
Reputation : 10
Language : Quezon City

http://k-of-d.forumotion.com

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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