Stylish Login Popoup and Topic Rating System

Go down

Solved Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on Mon 17 Feb - 4:57

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 Stephen- on Mon 17 Feb - 5:01

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]
avatar
Stephen-
Forum Reviewer
Forum Reviewer

Male Posts : 2405
Reputation : 299
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on Mon 17 Feb - 22:13

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 Mon 17 Feb - 22:15

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
avatar
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 Tue 18 Feb - 0:48

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 Tue 18 Feb - 0:52

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
avatar
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 Tue 18 Feb - 6:07

@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 Stephen- on Tue 18 Feb - 6:10

@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]
avatar
Stephen-
Forum Reviewer
Forum Reviewer

Male Posts : 2405
Reputation : 299
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on Tue 18 Feb - 7:07

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 Stephen- on Tue 18 Feb - 7:10

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

Male Posts : 2405
Reputation : 299
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on Tue 18 Feb - 8:30

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 Tue 18 Feb - 20:57

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
avatar
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 Tue 18 Feb - 21:39

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 Stephen- on Tue 18 Feb - 21:42

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

Male Posts : 2405
Reputation : 299
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on Tue 18 Feb - 22:04

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
avatar
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 Wed 19 Feb - 1:46

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 Stephen- on Wed 19 Feb - 1:56

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>');
    });
avatar
Stephen-
Forum Reviewer
Forum Reviewer

Male Posts : 2405
Reputation : 299
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on Wed 19 Feb - 3:14

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).
avatar
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 Wed 19 Feb - 5:28

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 Stephen- on Wed 19 Feb - 5:32

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>');
    });
avatar
Stephen-
Forum Reviewer
Forum Reviewer

Male Posts : 2405
Reputation : 299
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on Wed 19 Feb - 7:21

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 Wed 19 Feb - 7:27

Hello Cell Tennyson,

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

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on Wed 19 Feb - 22:16

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 Mon 24 Feb - 6:12

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 Mon 24 Feb - 6:54

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;
avatar
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 Mon 24 Feb - 21:58

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 Mon 24 Feb - 22:04

Glad to help Very Happy

Solved => Locked
avatar
Jophy
ForumGuru

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

Back to top Go down

Back to top


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