RP Tutorials

July 2021

S M T W T F S
    123
45678910
11121314151617
18192021222324
25262728293031

Tags

Posts Tagged: 'html'

May. 28th, 2012

[info]ccbabcock
[info]rp_tutorials
[info]ccbabcock
[info]rp_tutorials

[No Subject]

[info]ccbabcock
[info]rp_tutorials
How can I make a taken list for a celeb comm on scribbld?
Tags:

Apr. 26th, 2012

[info]tellthenight
[info]rp_tutorials
[info]tellthenight
[info]rp_tutorials

Google Web Fonts

[info]tellthenight
[info]rp_tutorials
OR Everyone's favourite SO PRETTY BUT SO FRUSTRATING web design technology in the history of the universe. Okay, not really, but whatever. I've seen a lot of people asking questions about Google Web Fonts, which is one of the coolest things I've learned this semester in my web classes. Aside from Aurora, of course. And I noticed that most of these questions were difficulties with Scribbld or the font just not wanting to work, so after talking to ~chaperoned briefly, I figured I'd go ahead and come write up a quick tutorial on how to use Google Web Fonts, and trouble-shooting some common errors. There are screenshots, although primarily this is a text-based tutorial. Bridget rambles a bit a lot.

Please note that this is a tutorial that assumes you have a bit of HTML/CSS under your belt, but no experience whatsoever with Google Web Fonts. If the instructions seem rudimentary, again, it's assuming that this is your first time looking at Google Web Fonts.

I feel like the tags on this may need some help BECAUSE I SUCK AT TAGS D:

SO! Let's use some web fonts! )

Apr. 22nd, 2012

[info]theansweris42
[info]rp_tutorials
[info]theansweris42
[info]rp_tutorials

[Solved] Not Sure What's Happening, But...

[info]theansweris42
[info]rp_tutorials
I've run into a bit of a hiccup with a Scribbld layout and I'm hoping someone might be able to point me in the right direction to correct whatever error/mistake I did. The character layout has been tweaked to look like the character journal and the problem I've run into is that the webfont for all the headers is not showing up and I'm not really sure why since I haven't fiddled with the link one iota. So . . . I'm really not sure what's going on with it. :T
Tags:

Apr. 11th, 2012

[info]tellthenight
[info]rp_tutorials
[info]tellthenight
[info]rp_tutorials

Firefox Aurora

[info]tellthenight
[info]rp_tutorials
I just discovered this in my web design II class, and after playing with it some, I have to post about it. This may not help everyone, but it can be a great asset for those of us who design or tweak layouts, or just play with any of those design or coding languages.

ONE WORD OF CAUTION: This is a pre-beta release, so it's not perfect and there will be bugs. If this bothers you, I would strongly recommend waiting.

Resized Screenshot of Welcome Page


Firefox Aurora is a recently-released pre-beta build of Firefox. It may not be interesting for general users, but for those of us who RP and play around with web design/development, this is a pretty awesome tool. Supposedly, Aurora is going to incorporate HTML5, which is beyond cool. It also has some awesome new features, like a 3D view of problem areas in your website/layout. Like so:

See a screenshot (and more about this really awesome new tool) below the link. )


Anyway, this was so cool I had to share. I hope somebody else finds it useful! (If this isn't appropriate here, I'll be more than happy to take it down. <3 I may also have overtagged, so please correct me if I did!)

EDIT: My server is performing maintenance, so the pictures got temporarily moved to Photobucket. They were resized by Photobucket, so when they go back to my server, the full-size images will be big again, I promise. Sorry to anyone else who couldn't see them because of the server issue! ):

Apr. 6th, 2012

[info]theansweris42
[info]rp_tutorials
[info]theansweris42
[info]rp_tutorials

Faux IM & SMS/TXT Template

[info]theansweris42
[info]rp_tutorials

Click for a live preview & code/instructions
[info]theboywhodied
[info]rp_tutorials
[info]theboywhodied
[info]rp_tutorials

[Solved] Wits End

[info]theboywhodied
[info]rp_tutorials
I'm so sorry if there are a lot of typo's in this post or I just don't make sense. It's late, I'm grumpy, I have a headache, and I'm this close to crying out of pure frustration. :( I've lost track the number of hours I've been working on this faux-IM box and the top row is driving me crazy. The bullets aren't lining up the word "Screen Name" no matter what I try--and I've tried everything I can think of--so I think before I give up on my idea entirely, I'll slap up the code for a pair of fresh eyes to look at and go to bed.

Tags:

Apr. 5th, 2012


[info]thateringirl
[info]rp_tutorials

[info]thateringirl
[info]rp_tutorials

Help me, ~rp_tutorials. You're my only hope.


[info]thateringirl
[info]rp_tutorials
So. I'm using one of these bad boys right here and I've run into a bit of a snag while tweaking the code. Under the cut I have a screen cap and the code that I used to tweak and add an extra row and cells for the "Click for more info." links. The issue I'm having is with the span tag where I've specified that the link not have an underline. Did I do something wrong or am I misusing (mis-using?) the span tag in this particular case?

Read more... )
Tags:

Nov. 10th, 2011


[info]bee_charmer
[info]rp_tutorials

[info]bee_charmer
[info]rp_tutorials

[No Subject]


[info]bee_charmer
[info]rp_tutorials
You guys here are way more code savvy than I am; I'm just okay at tweaking it. Well, there's this inactive game (actually, it never got off the ground) that has a particular layout I like. I think it might work better with the banner image I want to use for my Glee game, but try as I might, I can't grab the right coding. I've been playing around with it for several hours now with no good end results.

Could someone attempt to grab this code, or is there a post somewhere in the community for a layout like this?

Sep. 21st, 2011

[info]inspiredmod
[info]rp_tutorials
[info]inspiredmod
[info]rp_tutorials

html/coding/layouts

[info]inspiredmod
[info]rp_tutorials
Hi!  I really need some help with layouts, particularly with this one and this one.  The second link doesn't have anything posted in it yet, but it's the same format as the first.  The problems I'm having are:

1. I need a tags list to show up, and everyone that's a member of the community needs to be able to create/use tags for their characters. 
2. All the info is on the bottom of the post (see this) and I think it just doesn't look very good. 

Should I just use a different layout? Or can I keep this one?
Tags: ,