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.

Stylish Login Popoup and Topic Rating System

View previous topic View next topic Go down

Solved Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 17th 2014, 12:57 pm

Hi Friends! Smile

I want to make a Topic Rating System in my forums so how do i make that?? It should be like 5 stars above a topic or some stuff like that. Also i want that in specific topics not all topics. Please help friends Smile

2. I also want to know how do i make the login pop up look stylish and better like changing is BG color, adding image inside it and all that.

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Darkel on February 17th 2014, 1:01 pm

Hello,

for the topic rate system, the feature is not available but you can vote if you want that feature to be implemented: http://help.forumotion.com/t58876-rate-a-thread-system

for the log in pop-up to insert an image you can use the
Code:
[img] [/img]

Darkel
Hyperactive

Male Posts : 2128
Reputation : 257
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 18th 2014, 6:13 am

Ok but how to change the background color of login pop up? and i want the image in the center of the popup. Just like here in forumotions see the pic below.

Another thing how to add an image in search box field? along with a little padding.?
Also Why it says HTML is off in the post reply area?? how to enable it??

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on February 18th 2014, 6:15 am

Hello,

Let's do it one by one.
Use the center tags:
Code:
[center][img]IMAGE URL HERE[/img][/center]

Try it first, if that does not work, you should use an HTML:
Code:
<center><img src="IMAGE URL HERE" /></center>

For the log in pop up background, use this CSS:
Code:
#login_popup {
background-color: COLORHERE !important;
}

Add it on Admin Panel > Display > Colors > CSS Stylesheet

Jophy
ForumGuru

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

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 18th 2014, 8:48 am

Thanks Mr Jophy but what about this
@Me wrote:
Another thing how to add an image in search box field? along with a little padding.?

How to do that??

Also how to enable HTML in post reply box??

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on February 18th 2014, 8:52 am

Another thing how to add an image in search box field? along with a little padding.?
Do you mean on the search button?

Also how to enable HTML in post reply box??
Go to:
Admin Panel > General > Configuration(Messages & E-mails):
Allow HTML : Set to Yes
> Save

Jophy
ForumGuru

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

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 18th 2014, 2:07 pm

@Jophy wrote:Do you mean on the search button?

Yes I want to add image in the search box field like i want to insert an image of magnifying glass. I want to change that one.


My login pop up image is not coming properly. Sad
Its coming like this:-

@Jophy wrote:
Code:
<center><img src="IMAGE URL HERE" /></center>

Where do i put this code?? in CSS?? is that code correct?


Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Darkel on February 18th 2014, 2:10 pm

@Cell Tennyson wrote:
My login pop up image is not coming properly. Sad
Its coming like this:-

@Jophy wrote:
Code:
<center><img src="IMAGE URL HERE" /></center>

Where do i put this code?? in CSS?? is that code correct?

[/center]

Try to use the BBcode, change the <> to []

example:
Code:
[center][img]your link here[/img][/center]

Darkel
Hyperactive

Male Posts : 2128
Reputation : 257
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 18th 2014, 3:07 pm

Thanks Mr Time your code is working Smile
Now tell me about inserting image in search box that is still unfinished.

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Darkel on February 18th 2014, 3:10 pm

You want to change the magnifying glass image(on the left side of the search box) ? is that it ?

Darkel
Hyperactive

Male Posts : 2128
Reputation : 257
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 18th 2014, 4:30 pm

Yes yes i want to change the image inside the box. Smile
Also how to bring the forum title of login pop up at the center?

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on February 19th 2014, 4:57 am

Also how to bring the forum title of login pop up at the center?
Add this to your CSS:
Code:
#login_popup .h3 {
text-align: center !important;
}

For the search box, I don't know the code yet, let us wait for others. Wink

Jophy
ForumGuru

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

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 19th 2014, 5:39 am

Thanks Mr Jophy your code is working. Smile
Is it possible to change the color & size of text in the login popup using color codes and size codes like ??

I still need the search box image solution.

By the mean time how to create a "Select Content" in the code box?? just like here in forumotions??

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Darkel on February 19th 2014, 5:42 am

For the select content button, here's a tutorial of it: http://help.forumotion.com/t93456-select-content-button Wink

Darkel
Hyperactive

Male Posts : 2128
Reputation : 257
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on February 19th 2014, 6:04 am

Is it possible to change the color & size of text in the login popup using color codes and size codes like ??
Well you can use the BBcodes to do that.

To change the color, enclose it in color tags:
Code:
[color=COLORHERE]TEXT HERE[/color]

To change the size, enclose it in size tags:
Code:
[size=SIZEHERE]TEXT here[/size]

You can combine both codes:
Code:
[color=COLORHERE][size=SIZEHERE]TEXT HERE[/color][/size]

Wink

Jophy
ForumGuru

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

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 19th 2014, 9:46 am

Hey i have applied that JavaScript Mr Time but the select content button is not in the right side. Its like this:-


What to do now?? and what about the search box image??

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Darkel on February 19th 2014, 9:56 am

Search this code, and try to replace this:

Code:
jQuery('div.postbody td.code').parent().prev().find('b').html('Code:
  <a href="javascript:void()" onClick="selectCode(this)"><font
  face="verdana" color="red"><align="right"></font></align> Select Content </a>');
  });

Darkel
Hyperactive

Male Posts : 2128
Reputation : 257
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on February 19th 2014, 11:14 am

Add this to your CSS and see if it will work:
Code:
dl.codebox dt a {
float: right !important;
}

If it doesn't, please provide a link to a topic with the code box(make sure to allow guest access).

Jophy
ForumGuru

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

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 19th 2014, 1:28 pm

Thanks Mr Jophy Your code is working. But how to change the color of select content? also the code box is too much lengthy(long) How to reduce its length a little. See below:-

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Darkel on February 19th 2014, 1:32 pm

Search the part of this code: As you can see the color="red" change the word "red" it to any color you like
Code:
jQuery('div.postbody td.code').parent().prev().find('b').html('Code:
  <a href="javascript:void()" onClick="selectCode(this)"><font
  face="verdana" color="red"></font> Select Content </a>');
  });

Darkel
Hyperactive

Male Posts : 2128
Reputation : 257
Language : English, Tagalog
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 19th 2014, 3:21 pm

Mr Time There is no such part in my script i used.
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 Content </a>');
        });

So how to change color of select content? And how to reduce the code box length because its too long?

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Ange Tuteur on February 19th 2014, 3:27 pm

Hello Cell Tennyson,

Try adding this to your stylesheet for the select content color :
Code:
.codebox dt a { color:#808 !important; }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 20th 2014, 6:16 am

Thanks Mr Ange Tutor.
But how to reduce the length of the code box? its too lengthy.
Also i added a image in search box but its coming outside the search box and not inside. Like this:-
The Code i used is this:-
Code:
#search {
padding-left:20px;
background-image:url(http://i58.servimg.com/u/f58/18/02/89/19/find_s11.png);
background-repeat:no-repeat;
}

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 24th 2014, 2:12 pm

Hey friends.

I've managed to solve the code box length problem but i could not set an image inside the search box field. Please just tell me how to do that and then this topic can be locked. Confused

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on February 24th 2014, 2:54 pm

Search this in your CSS:
Code:
input.search

And add the image of url in this part of the code:
Code:
background: url('IMAGE URL HERE') no-repeat top left;

Jophy
ForumGuru

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

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on February 25th 2014, 5:58 am

Thanks Mr Jophy.
I used this code and it replaced the search box image i wanted.
Code:
input.search {
background: url(http://i58.servimg.com/u/f58/18/02/89/19/find_s11.png);
padding-left:20px;
background-repeat:no-repeat;
}
Topic can be locked now. Very Happy :wouhou:

Cell Tennyson
Forumember

Male Posts : 102
Reputation : 1
Language : English

http://gtamr.forumotion.net/

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on February 25th 2014, 6:04 am

Glad to help Very Happy

Solved => Locked

Jophy
ForumGuru

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

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