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.

Where Can I Upload 2 Css Files (Need Help)

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 25th 2011, 3:02 am

Ok Im Doing This Login With Css, Java Script HTML But Idk Where To Upload The 2 Css Files Can U Help Me Please

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mike on October 25th 2011, 3:12 am

How big is the CSS? you may be able to add it to the forum CSS.

Are you using PHPBB2? If so, add the CSS code to a template and it will work! Very Happy

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 25th 2011, 3:24 am

This Is My 2 Css



1. Slide.css
Code:
/* Panel Tab/button */
.tab {
     background: url(../images/tab_b.png) repeat-x 0 0;
   height: 42px;
   position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
   display: block;
   position: relative;
     float: right;
     clear: right;
     height: 42px;
   width: auto;
     font-weight: bold;
   line-height: 42px;
   margin: 0;
   right: 150px;
     color: white;
     font-size: 80%;
   text-align: center;
}

.tab ul.login li.left {
     background: url(../images/tab_l.png) no-repeat left 0;
     height: 42px;
   width: 30px;
   padding: 0;
   margin: 0;
     display: block;
   float: left;
}

.tab ul.login li.right {
     background: url(../images/tab_r.png) no-repeat left 0;
     height: 42px;
   width: 30px;
   padding: 0;
   margin: 0;
     display: block;
   float: left;
}

.tab ul.login li {
    text-align: left;
     padding: 0 6px;
   display: block;
   float: left;
   height: 42px;
     background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab a.open, .tab a.close {
   height: 20px;
   line-height: 20px !important;
   padding-left: 30px !important;
   cursor: pointer;
   display: block;
   width: 100px;
   position: relative;
   top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

#panel {
   width: 100%;
   height: 270px;
   color: #999999;
   background: #272727;
   overflow: hidden;
   position: relative;
   z-index: 3;
   display: none;
}

#panel h1 {
   font-size: 1.6em;
   padding: 5px 0 10px;
   margin: 0;
   color: white;
}

#panel h2{
   font-size: 1.2em;
   padding: 10px 0 5px;
   margin: 0;
   color: white;
}

#panel .content {
   width: 960px;
   margin: 0 auto;
   padding-top: 15px;
   text-align: left;
   font-size: 0.85em;
}

#panel .content .left {
   width: 280px;
   float: left;
   padding: 0 15px;
   border-left: 1px solid #333;
}

#panel .content .right {
   border-right: 1px solid #333;
}

2. style.css
Code:
html, body {border: 0; margin: 0; padding: 0;}

body {
     font: 85%/0.9 arial, helvetica, sans-serif;
   background: #101010 url() repeat 0 0;
     line-height: 130%;
     width: 100%;
     min-width: 970px;
     color: ;
}

a {
   color: #0099CC;
   text-decoration: none;
}

a:hover {
   color: #00CCFF;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
   font-size: 1.6em;
   height: 20px;
   padding-top: 0;
}

h2{
   font-size: 1.2em;
   height: 20px;
   padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
     width: 100%;
     height: 100%;
     text-align: center;/* IE fix to center the page */
}

#content {
     width: 740px;
     margin: 0 auto;/* center the page in Firefox */
     text-align: left;
   padding: 20px;
}

I Just Need To Upload 2 Files from My Website To Hosting Site Or Something

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mike on October 25th 2011, 3:29 am

The code that you added here... Go to your templates on PHPBB2...

Display -> Templates -> General -> Overall_header -> Add the following:

Code:
<style type="text/css">YOUR CSS HERE.</style>

put this in the

Code:
<head>

tag

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 25th 2011, 4:01 am

But Would It Change Stuff On My Website Cause It's CSS

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by ElMuggs on October 25th 2011, 4:08 am

Eh yeah? It would.. that's kinda the point of CSS?

The other option is to just add it to your CSS under Appearance > Colours > CSS.
Paste your code in, hit Save and it should work just fine.

Just be aware that if you already have custom CSS some bits may be overwritten by the new styles.

ElMuggs
Forumember

Posts : 91
Reputation : 17
Language : CSS / HTML / BBcode / Javascript / Graphics and Tech Support yeech..
Location : Deep in the belly of the code

http://wizardswb.forumotion.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 25th 2011, 4:18 am

All i Need Is 2 Upload 2 css Files To A Website So I Can Get The URl Link Then Put It On My Website

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by ElMuggs on October 25th 2011, 6:16 am

You don't need to upload them anywhere

just copy and paste the code straight into your main site CSS or into your header template as Drogba921 said.

It's that simple.

ElMuggs
Forumember

Posts : 91
Reputation : 17
Language : CSS / HTML / BBcode / Javascript / Graphics and Tech Support yeech..
Location : Deep in the belly of the code

http://wizardswb.forumotion.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 25th 2011, 6:43 am

I Put The 2 Css Codez In The <style type="text/css">YOUR CSS HERE.</style> And Then I Put The HTML In The Top Of The Page up Front So It Can Be On Top But No Css Is There

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Sanket on October 25th 2011, 10:10 am

Add the file to a third party free host such as bravenet.com

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by LGforum on October 25th 2011, 12:40 pm

Don't add the CSS to your forum.

Look at it. lol.

Especially the style.css (which by the way isn't needed)

A lot of things in that CSS has the same selector as things ALREADY on your forum. So soon as you add it to your forum, your changing everything which already has that selector.

For instance, the second bit of style.css changes rules concerning your page BODY tag. You don't want to put that in your page as it will change your body tag to something which isn't your forums design.

You need to go through the CSS and HTML and make all ID's and Class's UNIQUE to this project/feature.
And as i say the 'style.css' isn't even needed... as your page is already styled. When you download these things, they come with a style.css because they expect you to put them onto a new page on your server to test and edit before putting it on your site... in this case we don't need style.css.


And anyway, i know this jQuery Slider that you are trying to make. I made a tutorial for how to install it on forumotion boards. Its on another forum... but should be coming to the support forum soon.


Last edited by LGforum on October 25th 2011, 10:39 pm; edited 1 time in total

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Sanket on October 25th 2011, 1:21 pm

@LGforum wrote:
And anyway, i know this jQuery Slider that you are trying to make. I made a tutorial for how to install it on forumotion boards. Its on Dion Designs... and im afraid im not allowed to link you to it...

You are time & again trying to advertise Dion Designs, this form of advertising is not acceptable. If you really want to help the next time, post the tutorial in the thread itself or just ignore the topic. Smile If you do not, you will earn yourself a warning.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by LGforum on October 25th 2011, 2:27 pm

@me wrote:
Don't add the CSS to your forum.

Look at it. lol.

Especially the style.css (which by the way isn't needed)

A lot of things in that CSS has the same selector as things ALREADY on your forum. So soon as you add it to your forum, your changing everything which already has that selector.

For instance, the second bit of style.css changes rules concerning your page BODY tag. You don't want to put that in your page as it will change your body tag to something which isn't your forums design.

You need to go through the CSS and HTML and make all ID's and Class's UNIQUE to this project/feature.
And as i say the 'style.css' isn't even needed... as your page is already styled. When you download these things, they come with a style.css because they expect you to put them onto a new page on your server to test and edit before putting it on your site... in this case we don't need style.css.


All this was my help to the topic. And its a little annoying you ignored that great help... since everyone else in the topic failed to mention this to the OP.

Just mentioning 'Dion Designs' is advertising...? ... the fact you have threatened to warn me JUST FOR MENTIONING 'Dion Designs' is well, rediculous. What about people's avatars which advertise their forum logo, or people's usernames which are their forum name.

And as i say, Mario has the tutorial to post when he wants to... so... again i'm trying to think of a way i can be MORE of a help... because quite frankly, writing a tutorial and sending it to the admin of this forum, is THE MOST help anyone could possibly give to the OP.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 25th 2011, 3:46 pm

But I Just Need To Host 2 Css Files Where Can I Host At

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Nera. on October 25th 2011, 4:19 pm

@LGforum wrote:
Just mentioning 'Dion Designs' is advertising...? ... the fact you have threatened to warn me JUST FOR MENTIONING 'Dion Designs' is well, rediculous. What about people's avatars which advertise their forum logo, or people's usernames which are their forum name.

LG forum,

No one is threatining you to warn you for only mentioning Dion Designs. But this in NO way helps the topic.
Its on Dion Designs... and im afraid im not allowed to link you to it...
Neither calling someones actions rediculous. Please be respectful. If you can not provide the link to the tutorial why even mention it? What's that than? It is not help certanly.

You have linked several times to topics not accesable to guests, out of not knowing or what, I don't really know and the team has "looked the other way" cause of the help you provide. Please do return that respect back and play by the rules. They are the same for everyone.

If you are talking about Web-kreations slide in, it is accessable to guests as Dion recently opened that part for guests and you ARE allow to link it
http://diondesigns.forumotion.com/t8390-5-web-kreations-sliding-log-in-panel
Next time please do check.

If you have any doubghts over why is it not allowed, I'll open my PM now and you are welcome to discuss it.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by LGforum on October 25th 2011, 4:25 pm

Your right Nera i do apologise. And i appreciate the 'looked the other way'.

And i do not know what links on Dions Designs are guest available or not as i leave myself logged in there. I apologise for that.

I apologise for what i said, but i didn't appreciate my post being called 'unhelpful' when maybe that small percentage of the post WASNT helpful but the rest of it was.

Again i apologise, it was a moment of frustration, as i considered my post an explanation of why the CSS should not be put on the forum more than helpful.


EDIT: To the OP, as i explained, you only need the one CSS sheet not two. And even uploading it externally, as soon as it goes onto your forum it will ruin things. Each class and ID need to become unique so they do not clash with anything currently on your forum. Nera has linked you to a tutorial where i have already done all this.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mike on October 25th 2011, 10:26 pm

I don't think he's getting the point...

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Guest on October 25th 2011, 11:08 pm

Drogba921 wrote:I don't think he's getting the point...
Look at his +1 total. Negative votes weren't active for more than a few days. Makes you wonder... Razz

Guest
Guest


Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 26th 2011, 12:59 am

When I Put That In The Css In The Head I need This Code Because On The Login Script It Works And The Font Work's But Everything On My Website Is Hella Huge Cause Of The Font But I Need The Font For The Login Script Cause It Makes It Cool But I Just Don't Like The On My Website Its Huge Can Someone Convert It To Be Only The Login Script So It Don't Do That To My Website Please.

Code:
body {
     font: 85%/0.9 arial, helvetica, sans-serif;
     line-height: 130%;
     width: 100%;
     min-width: 970px;
     color: ;
}

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by LGforum on October 26th 2011, 2:21 am

Nera has posted a link to a tutorial about how to do it on forumotion, why not just fOllow it?

Just as I said would happen, the CSS is going to affect your pages due to it containing classes that natch ones already in your forum, seriously, I dont mean to sound mean, but this is clearly out of your league and you don't quite have enough knowledge for it, so just go to the tutorial.

And as I keep saying the style.CSS is NOT needed.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 26th 2011, 2:32 am

How To Make My Login Script Follow Me So When i Scroll Down It Follows Me Do u No That Code

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by LGforum on October 26th 2011, 2:59 am

Yea I do, it's called fixed positioning. A ten second edit, and I could tell you exactly what to change if you have used my tutorial. Change #wkpanel positioning to fixed.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 26th 2011, 3:33 am

Ok Where Do I Do That At I have A Different Css So U Tell Me Where It Is

Code:
/* Panel Tab/button */
.tab {
     background: url(http://myimages.bravenet.com/238/665/089/0/tab_b.png) repeat-x 0 0;
   height: 42px;
   position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
   display: block;
   position: relative;
     float: right;
     clear: right;
     height: 42px;
   width: auto;
     font-weight: bold;
   line-height: 42px;
   margin: 0;
   right: 150px;
     color: white;
     font-size: 80%;
   text-align: center;
}

.tab ul.login li.left {
     background: url(http://myimages.bravenet.com/238/665/089/0/tab_l.png) no-repeat left 0;
     height: 42px;
   width: 30px;
   padding: 0;
   margin: 0;
     display: block;
   float: left;
}

.tab ul.login li.right {
     background: url(http://myimages.bravenet.com/238/665/089/0/tab_r.png) no-repeat left 0;
     height: 42px;
   width: 30px;
   padding: 0;
   margin: 0;
     display: block;
   float: left;
}

.tab ul.login li {
    text-align: left;
     padding: 0 6px;
   display: block;
   float: left;
   height: 42px;
     background: url(http://myimages.bravenet.com/238/665/089/0/tab_m.png) repeat-x 0 0;
}

.tab a.open, .tab a.close {
   height: 20px;
   line-height: 20px !important;
   padding-left: 30px !important;
   cursor: pointer;
   display: block;
   width: 100px;
   position: relative;
   top: 11px;
}

.tab a.open {background: url(http://myimages.bravenet.com/238/665/089/0/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://myimages.bravenet.com/238/665/089/0/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://myimages.bravenet.com/238/665/089/0/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://myimages.bravenet.com/238/665/089/0/bt_close.png) no-repeat left -19px;}

#panel {
   width: 100%;
   height: 270px;
   color: #999999;
   background: #272727;
   overflow: hidden;
   position: relative;
   z-index: 3;
   display: none;
}

#panel h1 {
   font-size: 1.6em;
   padding: 5px 0 10px;
   margin: 0;
   color: white;
}

#panel h2{
   font-size: 1.2em;
   padding: 10px 0 5px;
   margin: 0;
   color: white;
}

#panel .content {
   width: 960px;
   margin: 0 auto;
   padding-top: 15px;
   text-align: left;
   font-size: 0.85em;
}

#panel .content .left {
   width: 280px;
   float: left;
   padding: 0 15px;
   border-left: 1px solid #333;
}

#panel .content .right {
   border-right: 1px solid #333;
}

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Nera. on October 26th 2011, 1:54 pm

Add this to CSS.

Code:
#toppanel {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 27th 2011, 12:42 am

Thanks is This Topic Locked Or Not

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Nera. on October 27th 2011, 1:04 am

It will be locked if the answer solved your question. Solved?

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Mr DarkHaxers2 on October 27th 2011, 3:00 am

yea its solved

---locked It---

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Markzz on October 27th 2011, 4:08 am

how do i make javascript code?

Markzz
New Member

Posts : 2
Reputation : 1
Language : Filipino

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by Nera. on October 27th 2011, 4:15 am

@Markzz wrote:how do i make javascript code?

Hi,

For what? Please rephrase your question a bit.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Where Can I Upload 2 Css Files (Need Help)

Post by LGforum on October 27th 2011, 10:39 am

After seeing your site and seeing your log in panel, why have you hosted the javascript externally?
Hosting it on the same server (aka in your admin panel) will be better, more external scripts or stylesheets means slower loading/running time. Becuase the browser has to look elsewhere.

Also, you can take out all the comments.
You also don't need to have another jQuery source there either, as forumotions forums already have jQuery installed.

Just some stuff to think about for optimization.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.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