News:

Wondering if this will always be free?  See why free is better.

Main Menu

Quick Question About Log In Window

Started by Uhura!, October 26, 2012, 08:22:28 PM

Previous topic - Next topic

Uhura!

How do I add space between the facebook bar & the white bar right below it? (See attached image)

Is this in the index.template.php file?

SMF 2.0.2 www.OurMomSpot.net

:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

mashby

It will be in this file:
http://ourmomspot.net/community/Themes/moms/css/index.css?rc3
This bit:
.openid_login
{
background: white url(../images/openid.gif) no-repeat;
padding-left: 18px;
}

Maybe make it this?
.openid_login
{
background: white url(../images/openid.gif) no-repeat;
padding-left: 18px;
margin-top: 8px;
}


Also, the height of the whole thing should also be increased to adjust, so find this:
/* the upper_section, float the two each way */
#upper_section
{
overflow:visible;
padding: 5px;
height:125px;
}

And make it be this:
/* the upper_section, float the two each way */
#upper_section
{
overflow:visible;
padding: 5px;
height:142px;
}

Tweak the height of the last edit and the margin-top to your liking, too. :)
Always be a little kinder than necessary.
- James M. Barrie

mashby

OOPS! I'll be back to edit this now that I see your menu is down some too. :)

Your index.template.php file is generating a line of code for this:
Quote<br class="clear" />
It appears right before:
<div class="navi">
When I delete that element via Firebug, it makes the menu look much nicer. Maybe remove that from your file?
Always be a little kinder than necessary.
- James M. Barrie

Uhura!

Perfecto!

How do i add my log in with twitter button so it's, just below the facebook log in button?

I will have to adjust the blue box more after that with the info you gave me :D
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

Uhura!

Quote from: monster mashby on October 26, 2012, 08:37:19 PM
OOPS! I'll be back to edit this now that I see your menu is down some too. :)

Yes, please help! LOL
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

Uhura!

Also... i want to add the part in green to these words:
Login with username, password and session length or log in using one of the social media options below.
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

Uhura!

Quote from: monster mashby on October 26, 2012, 08:37:19 PM
OOPS! I'll be back to edit this now that I see your menu is down some too. :)

Your index.template.php file is generating a line of code for this:
Quote<br class="clear" />
It appears right before:
<div class="navi">
When I delete that element via Firebug, it makes the menu look much nicer. Maybe remove that from your file?

But if I delete that - wont it affect something else... Check this out~> http://forums.bit-tech.net/showthread.php?t=132596

Is there any other way to adjust this?
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

mashby

Try removing that <br /> first to get your menu back in line. I don't think it will affect anything at all except make your site look better.

Twitter button...do you mean the one at the top right? Or another one?

The code for this:
Login with username, password and session length or log in using one of the social media options below.
is located in Themes/default/languages/index.english.php
Look for:
$txt['quick_login_dec']
Not sure where else that language string is used but by editing it, you'll likely soon find out. :)
Always be a little kinder than necessary.
- James M. Barrie

Uhura!

Quote from: monster mashby on October 26, 2012, 08:47:15 PM
Try removing that <br /> first to get your menu back in line. I don't think it will affect anything at all except make your site look better.

Twitter button...do you mean the one at the top right? Or another one?

Click log in & scroll down - twitter sign in button right under facebook login button :)

Great suggestions so far thank you!
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

mashby

Looks to me like you could position the twitter on the same line as the one on the login page.
<a href="https://api.twitter.com/oauth/authenticate?oauth_token=c8pd6vyX4ZALYcyaU1Le1ZOHBhiqlNBW6H7p9k6Eyg"><img alt="Sign In with Twitter" src="http://si0.twimg.com/images/dev/buttons/sign-in-with-twitter-l.png" /></a>
Put that before or after the one for Facebook. Looked OK using Firebug. :)
Always be a little kinder than necessary.
- James M. Barrie

Uhura!

:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

mashby

Always be a little kinder than necessary.
- James M. Barrie

Uhura!

Yes! See it - but exactly where should it (the code you suggested)  go?

Sorry - I am only a mediocre coder at best (maybe)

:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

Uhura!

Do you also happen to know where I can fix this typo?

:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

mashby

Mind attaching that file? It might be easier in this case as all I'm seeing is the processed stuff. If you don't want to though, look for href="https://www.facebook.com/dialog...there's an image after that with a </a> after that image code. Right there might be a good place. Regarding the Click here here...what mod is that one? :)
Always be a little kinder than necessary.
- James M. Barrie

Uhura!

My index file is attached.

Just asking where to place the twitter button code :)
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

Uhura!

Quote from: monster mashby on October 26, 2012, 09:04:48 PM
Mind attaching that file? It might be easier in this case as all I'm seeing is the processed stuff. If you don't want to though, look for href="https://www.facebook.com/dialog...there's an image after that with a </a> after that image code. Right there might be a good place. Regarding the Click here here...what mod is that one? :)

:) Twitter Integration Mod
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

mashby

Interesting attachment. I renamed it and uploaded it as index.template.php. :)

Let's see if this works before we move on to the Twitter mod. :)
Always be a little kinder than necessary.
- James M. Barrie

mashby

Interesting attachment. I renamed it and uploaded it as index.template.php. :)

Let's see if this works before we move on to the Twitter mod. :)
Always be a little kinder than necessary.
- James M. Barrie

Uhura!

Quote from: monster mashby on October 26, 2012, 09:14:02 PM
Interesting attachment. I renamed it and uploaded it as index.template.php. :)

Let's see if this works before we move on to the Twitter mod. :)

So... what do I do with this?

Do I replace my index.template.php file with it?
:) Our Parenting Spot is an online parenting community for fathers, mothers, grandparents, teachers, and family service professionals. 8) We also provide low cost advertising options for authors, family service providers, and businesses with family friendly products and services. ;D Visit us @ www.OurParentingSpot.net!

Advertisement: