RP Tutorials

November 2018

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

Tags

Posts Tagged: 'layouts:+media'

Sep. 25th, 2014

[info]aveline
[info]rp_tutorials
[info]aveline
[info]rp_tutorials

Daily Bugle Online Article

[info]aveline
[info]rp_tutorials
And another code! This one modeled after an online newspaper article. It's Daily Bugle themed, but if you want to make another header to take the place of the newspaper header, you can go ahead and do that. Please enjoy it and I'm aware it's wide, but it's meant to be because a lot of articles online are like that. :)

Example & Code )

Nov. 11th, 2013

[info]kimbap
[info]rp_tutorials
[info]kimbap
[info]rp_tutorials

instagram embed mock-up!

[info]kimbap
[info]rp_tutorials


i tried my hand at a mock-up of the instagram embeds, it's not perfect but i think it comes close, and i made it as simply as i could, since i would have confused myself if i tried to make it too exact!

this should be really really simple to edit! the only things you need to change is the userpic, the username link, the picture itself, and how many likes/comments you'd like for it to have! the width and height is easily changed, as is the color of the border. and that's it :) i hope this is useful for someone!

the 'instagram' logo is a link to my journal, i only ask that you leave that there! :)



color codes:
picture border: #d1d1d1



live preview! )

Aug. 1st, 2013

[info]aveline
[info]rp_tutorials
[info]aveline
[info]rp_tutorials

SnapChat Code

[info]aveline
[info]rp_tutorials
I don't know how many people use SnapChat, but it's a pretty straight forward program and I figure I'd share this code that I put together that imitates what a person would see if they opened a SnapChat from someone.

It's really simple and straight forward, nothing complicated. Enjoy if you do you use it! :)

Preview & Code )

Jul. 2nd, 2013

[info]kidrouk
[info]rp_tutorials
[info]kidrouk
[info]rp_tutorials

[No Subject]

[info]kidrouk
[info]rp_tutorials
Hey there! I was wondering if anyone would be able to make a mock iPhone text messages layout? Not like a text generator, I mean -- something that looks like this that displays the 'inbox,' basically? Ideally, I'd love to be able to tweak the displayed time and service provider. I'm sure this isn't terribly complicated, but I don't have Photoshop and am still learning when it comes to HTML/CSS/all that good stuff.

Jan. 29th, 2013


[info]dickens
[info]rp_tutorials

[info]dickens
[info]rp_tutorials

[No Subject]


[info]dickens
[info]rp_tutorials
So, [info]pulchritudinous wanted a layout for a new twitter and I thought I'd challenge myself. It's not the best but I think it looks decent.


Link to code and instructions

Jan. 10th, 2013


[info]tessisamess
[info]rp_tutorials

[info]tessisamess
[info]rp_tutorials

Instagram Gallery


[info]tessisamess
[info]rp_tutorials


Code + Guide + Info at my journal

Oct. 27th, 2012


[info]allrainydays
[info]rp_tutorials

[info]allrainydays
[info]rp_tutorials

Facebook Timeline Profile


[info]allrainydays
[info]rp_tutorials
You know when you have one of those days where you just want to challenge yourself and see if you could maybe, possibly, pull it off? I had one of those on Monday. And obsessed. So, I give you, a new Facebook profile page, styled after Timeline and (hopefully) easy to follow.



code & full preview under the cut )

Aug. 26th, 2012


[info]sic_vita_est
[info]rp_tutorials

[info]sic_vita_est
[info]rp_tutorials

Text-based Cast List + Flipboard for S3


[info]sic_vita_est
[info]rp_tutorials
I have a very simple text-based cast list based off this code that kind of looks like the inside of an address book. It's behind the cut below. You're welcome to use/customise it any way you like. You can also use it as a locations directory/yellow pages of sorts if you've done extensive worldbuilding in your game, or whatever else you can think of.

I also have a couple of PSD files for Flipboard for the Galaxy SIII. That's in the cut below the cast list one. Everything is really simple and no-frilly so it shouldn't be too complicated. I will endeavour to respond to any questions but I don't know much about coding so I might not be able to help.


The Cast List preview + code )


Flipboard for Samsung Galaxy SIII )

Aug. 20th, 2012


[info]tessisamess
[info]rp_tutorials

[info]tessisamess
[info]rp_tutorials

Three-Screen Cellphone Code


[info]tessisamess
[info]rp_tutorials


Code + Guide + Info at my journal

Jun. 11th, 2012


[info]tessisamess
[info]rp_tutorials

[info]tessisamess
[info]rp_tutorials

Email Template


[info]tessisamess
[info]rp_tutorials
Today's spam is an RP email template. It's a tiny bit simpler, and more table-based than style-based, but I like it because it's super one-size-fits-all in that any character who'd be using email can use it without the look and feel of it not fitting them. :)



Code + Guide + Info at my journal

Mar. 10th, 2012


[info]glamourcharm
[info]rp_tutorials

[info]glamourcharm
[info]rp_tutorials

Simple Newspaper Article


[info]glamourcharm
[info]rp_tutorials


So if you're anything like me, you like your layouts to be visually pleasing while wanting to insert yourself into coding as little as possible. I've been looking for a layout for quick and easy news articles, and eventually when a friend asked me about the same thing, that finally gave me the impetus to create the following layout which I've lovingly named Newspaper Lite. )

Feb. 29th, 2012


[info]sic_vita_est
[info]rp_tutorials

[info]sic_vita_est
[info]rp_tutorials

BBC app for the iPhone 4


[info]sic_vita_est
[info]rp_tutorials
This might come in handy for those of you playing in games set in England.

Sample preview (click to enlarge):



You can download it here, and this is what you're getting but in editable layers (compatible with photoshop and GIMP). Almost everything should be customisable, except for the BBC News header, the signal bars and the battery life.

The original app says 'UK' instead of 'Business', if you want to keep it as authentic as possible, but I just changed it to suit the location and premise of the game I did the preview for.

Feel free to ask any questions.

Feb. 15th, 2012


[info]sic_vita_est
[info]rp_tutorials

[info]sic_vita_est
[info]rp_tutorials

Twitter app for the iPod.


[info]sic_vita_est
[info]rp_tutorials
Eh, have been using a whole bunch of stuff off of here for a long time, but never had the skill to actually make anything worth contributing.

So I made something really simple. Cut for blah blah rambly blah. )

Sample preview (click to enlarge):



You can download it here, and this is what you're getting but in editable layers.

Nov. 17th, 2011


[info]megafoxyawesome
[info]rp_tutorials

[info]megafoxyawesome
[info]rp_tutorials

[No Subject]


[info]megafoxyawesome
[info]rp_tutorials
First and foremost, thank you so much to those who helped me with my last posting because you are awesome! I come asking another question and I searched through the memories to see if maybe someone else had asked it but didn't find it. (However, if someone already has, please let me know and I will promptly delete this!) Anyway! I was wondering if anyone has the code for a Customizable (is that even a word?) iphone text message html template?

Jul. 2nd, 2011


[info]quiller
[info]rp_tutorials

[info]quiller
[info]rp_tutorials

[No Subject]


[info]quiller
[info]rp_tutorials


Long time watcher, first time writing, blah blah blah ad nauseam. I don't normally publish layouts, but I thought this one turned out rather nicely, and I'm sure there must be other players out there who've harboured a secret ambition to run a fake news portal! What it is, is a port of The Guardian template, usable on both free and paid accounts.

Up, up and away! )

Jun. 30th, 2011


[info]wastintime
[info]rp_tutorials

[info]wastintime
[info]rp_tutorials

Table-Free IMDB Mock-Up


[info]wastintime
[info]rp_tutorials


Live Examples, Code )

Jun. 29th, 2011


[info]wastintime
[info]rp_tutorials

[info]wastintime
[info]rp_tutorials

Customizable Droid 2 HTML Template


[info]wastintime
[info]rp_tutorials


Live Examples, Code, Instructions, Images )

Jun. 4th, 2011


[info]wastintime
[info]rp_tutorials

[info]wastintime
[info]rp_tutorials

Customizable iPhone 4 HTML Template


[info]wastintime
[info]rp_tutorials


Live Examples, Code, Images )

Jun. 3rd, 2011


[info]wastintime
[info]rp_tutorials

[info]wastintime
[info]rp_tutorials

Customizable Droid HTML Template


[info]wastintime
[info]rp_tutorials


Live Examples, Code, & Images )

May. 1st, 2011


[info]lobelia
[info]rp_tutorials

[info]lobelia
[info]rp_tutorials

post template: daily prophet


[info]lobelia
[info]rp_tutorials
Now for something completely different!



template: daily prophet (#1)
features: Two variations (one with two rows and one with three + image placement) post template for the Wizarding World's favourite piece of rubbish!

( Live previews, codes and instructions )