Stylish Login Popoup and Topic Rating System

Go down

Solved Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on 17/2/2014, 12: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 17/2/2014, 13:01

Hello,

for the topic rate system, the feature is not available but you can vote if you want that feature to be implemented: https://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 : 2473
Reputation : 315
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on 18/2/2014, 06: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 18/2/2014, 06: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 18/2/2014, 08: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 18/2/2014, 08: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 18/2/2014, 14: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 18/2/2014, 14: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 : 2473
Reputation : 315
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on 18/2/2014, 15: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 18/2/2014, 15: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 : 2473
Reputation : 315
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on 18/2/2014, 16: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 19/2/2014, 04: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 19/2/2014, 05: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 19/2/2014, 05:42

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

Male Posts : 2473
Reputation : 315
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on 19/2/2014, 06: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 19/2/2014, 09: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 19/2/2014, 09: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 : 2473
Reputation : 315
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Jophy on 19/2/2014, 11: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 19/2/2014, 13: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 19/2/2014, 13: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 : 2473
Reputation : 315
Language : Tagalog, English
Location : Philippines

Back to top Go down

Solved Re: Stylish Login Popoup and Topic Rating System

Post by Cell Tennyson on 19/2/2014, 15: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 19/2/2014, 15: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 : 13202
Reputation : 2917
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 20/2/2014, 06: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 24/2/2014, 14: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 24/2/2014, 14: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 25/2/2014, 05: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 25/2/2014, 06: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