Topic: HTML and CCS help  (Read 2495 times)

0 Members and 1 Guest are viewing this topic.

HTML and CCS help
« on: May 27, 2014, 12:50:06 PM »

    Offline Roxas

  • Shenron
  • Honor: 24 / 4
  • Posts: 1,376
    • View Profile
  • Loyalty is key.
  • I am a: Super Saiyan
Does anyone have any skill in HTML and CSS?
I kind of need help with something I am trying to make

Didnt your parents tell you not to play with me? Youll get burned.

HTML and CCS help
« Reply #1 on: May 27, 2014, 01:56:25 PM »

    Offline Luke[Dumke]

  • Administrator
  • Dragon King's Dexterity
  • Honor: 170 / 2
  • Posts: 3,007
    • View Profile
  • Project Leader
  • I am a: Great Namek
What do you need?
Project Leader for DBORevelations || Contact Email: Support@dborevelations.com

"We'd rather under-promise and over-deliver"

HTML and CCS help
« Reply #2 on: May 27, 2014, 02:00:50 PM »

    Offline Roxas

  • Shenron
  • Honor: 24 / 4
  • Posts: 1,376
    • View Profile
  • Loyalty is key.
  • I am a: Super Saiyan
haha there could be a whole list XD
But for now the thing im trying to work on that has been frustrating me, is trying to add my own font to a the webpage, I can send you the link of what I have so far if you want.

Didnt your parents tell you not to play with me? Youll get burned.

HTML and CCS help
« Reply #3 on: May 27, 2014, 02:02:17 PM »

    Offline Luke[Dumke]

  • Administrator
  • Dragon King's Dexterity
  • Honor: 170 / 2
  • Posts: 3,007
    • View Profile
  • Project Leader
  • I am a: Great Namek
Project Leader for DBORevelations || Contact Email: Support@dborevelations.com

"We'd rather under-promise and over-deliver"

HTML and CCS help
« Reply #4 on: May 27, 2014, 02:10:42 PM »

    Offline Roxas

  • Shenron
  • Honor: 24 / 4
  • Posts: 1,376
    • View Profile
  • Loyalty is key.
  • I am a: Super Saiyan
http://www.w3schools.com/css/css3_fonts.asp
My trouble is I dont know where to src it to, or how to get the files onto the website so it knows where to get them
EDIT: Did I mention that the only stuff I know about coding is stuff I learned today? XD
« Last Edit: May 27, 2014, 02:15:43 PM by Roxas »

Didnt your parents tell you not to play with me? Youll get burned.

HTML and CCS help
« Reply #5 on: May 27, 2014, 02:37:09 PM »

    Offline Luke[Dumke]

  • Administrator
  • Dragon King's Dexterity
  • Honor: 170 / 2
  • Posts: 3,007
    • View Profile
  • Project Leader
  • I am a: Great Namek
So there is alot more then just HTML and CSS help you need.
Project Leader for DBORevelations || Contact Email: Support@dborevelations.com

"We'd rather under-promise and over-deliver"

HTML and CCS help
« Reply #6 on: May 27, 2014, 02:40:12 PM »

    Offline Roxas

  • Shenron
  • Honor: 24 / 4
  • Posts: 1,376
    • View Profile
  • Loyalty is key.
  • I am a: Super Saiyan
There is >.>?
I mean this is what i have so far kinda......
http://radiantdawn.ucoz.com/

Didnt your parents tell you not to play with me? Youll get burned.

HTML and CCS help
« Reply #7 on: May 27, 2014, 02:50:59 PM »

    Offline Luke[Dumke]

  • Administrator
  • Dragon King's Dexterity
  • Honor: 170 / 2
  • Posts: 3,007
    • View Profile
  • Project Leader
  • I am a: Great Namek
Ah you're using a hostfarm, so like, how do you like make website changes?
Project Leader for DBORevelations || Contact Email: Support@dborevelations.com

"We'd rather under-promise and over-deliver"

HTML and CCS help
« Reply #8 on: May 27, 2014, 02:53:42 PM »

    Offline Roxas

  • Shenron
  • Honor: 24 / 4
  • Posts: 1,376
    • View Profile
  • Loyalty is key.
  • I am a: Super Saiyan
Using this:

Didnt your parents tell you not to play with me? Youll get burned.

HTML and CCS help
« Reply #9 on: May 27, 2014, 02:57:59 PM »

    Offline Luke[Dumke]

  • Administrator
  • Dragon King's Dexterity
  • Honor: 170 / 2
  • Posts: 3,007
    • View Profile
  • Project Leader
  • I am a: Great Namek
So you can directly edit the files, that's good.
I'd suggest you sign up for dropbox, so you can upload fonts there and src to that.
Project Leader for DBORevelations || Contact Email: Support@dborevelations.com

"We'd rather under-promise and over-deliver"

HTML and CCS help
« Reply #10 on: May 27, 2014, 02:59:28 PM »

    Offline Roxas

  • Shenron
  • Honor: 24 / 4
  • Posts: 1,376
    • View Profile
  • Loyalty is key.
  • I am a: Super Saiyan
So you can directly edit the files, that's good.
I'd suggest you sign up for dropbox, so you can upload fonts there and src to that.
Good news Is I already have a dropbox :o

Post Merge: May 27, 2014, 03:00:23 PM
So you can directly edit the files, that's good.
I'd suggest you sign up for dropbox, so you can upload fonts there and src to that.
So do I save my tff file to it?

Didnt your parents tell you not to play with me? Youll get burned.

HTML and CCS help
« Reply #11 on: May 27, 2014, 03:00:24 PM »

    Offline Luke[Dumke]

  • Administrator
  • Dragon King's Dexterity
  • Honor: 170 / 2
  • Posts: 3,007
    • View Profile
  • Project Leader
  • I am a: Great Namek
Hopefully what i've given you should help then.

upload to dropbox, right click, share url, now that is the link you add to "src"

i.e
Code: [Select]
<style>
@font-face
{
font-family: 20000DollarBail;
src: url(https://www.dropbox.com/s/s24bfn2j9ffxwun/20000DollarBail.ttf);
}

div
{
font-family:20000DollarBail;
}
</style>
« Last Edit: May 27, 2014, 03:09:06 PM by Luke[Dumke] »
Project Leader for DBORevelations || Contact Email: Support@dborevelations.com

"We'd rather under-promise and over-deliver"

HTML and CCS help
« Reply #12 on: May 27, 2014, 08:20:18 PM »

    Offline FireSaiyan

  • 3 Dragonballs
  • Honor: 7 / 0
  • Posts: 284
    • View Profile
  • Fast forward to launch day of DBOR please!
  • I am a: Pure Majin
What I do is use use this website http://www.fontsquirrel.com/tools/webfont-generator to convert my font files into formats that can be embedded into CSS. 
This website will also generate sample code to help you.

Then when you have all the font files (.eot, .woff, .ttf, .svg), save them in the same folder as your .css file and embed it like this..

Code: [Select]
@font-face {
    font-family: 'CastleT';
    src: url('castlen-webfont.eot');
    src: url('castlen-webfont.eot?iefix') format('eot'),
         url('castlen-webfont.woff') format('woff'),
         url('castlen-webfont.ttf') format('truetype'),
         url('castlen-webfont.svg#webfontsHNB1eRO') format('svg');
    font-weight: normal;
    font-style: normal;
zoom:1;
}

h1{
clear:left;
font-size:24px;
margin:.5em 0 .5em;
font-family:'CastleT';
color:#355684;
font-weight:bold;
}

This for example makes all h1 tags use my embedded font 'CastleT' and works in all major browsers, hope that helps

Also look at google fonts which are very easy to embed also
https://www.google.com/fonts
« Last Edit: May 27, 2014, 08:25:32 PM by FireSaiyan »

HTML and CCS help
« Reply #13 on: May 27, 2014, 08:22:31 PM »

    Offline Kyle

  • Contributor
  • 2 Dragonballs
  • Honor: 12 / 0
  • Posts: 72
    • View Profile
  • Game Designer/Producer, Marketer, Entrepreneur
Throw magic at it. It'll work. :P
"Dignity is for noobs; no guts no glory." - Kyle
"Knowledge is power, don't let ignorance and stupidity get in your way to get what you want." - Kyle
"Anything is possible with Determined Stupidity" - Luke