Fresh

May. 11th, 2017 01:30 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • sidebar image (300x500px)
  • topbar image (700x300px)
  • navigation links, links list, custom text
  • comment pages
  • icon pages
  • fixed width
  • mobile version
How to install:
  1. Go to the "Select style" page, search for "Basic boxes" and apply "Delicate".
  2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
  3. Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked.
  4. On the same page, copy and paste the following https://fonts.googleapis.com/css?family=Great+Vibes into the "Custom stylesheet URL" field.
  5. Click on the "Modules" tab and enable "Custom text" if you want to display it.
  6. Click on the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.
Credit: sample images from unsplash.com

Colours:
#476363
#238B8B
#23AFAF
#DBC277
#CFE7E0
#F1F5F5
#FFF

Parallel

Apr. 27th, 2017 08:05 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • header image (800x300px)
  • navigation links, links list, custom text
  • comment pages
  • icon pages
  • fixed width
  • mobile version
How to install:
  1. Go to the "Select style" page, search for "Tabula Rasa" and apply any theme.
  2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
  3. Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked.
  4. On the same page, copy and paste the following https://fonts.googleapis.com/css?family=Nova+Cut into the "Custom stylesheet URL" field.
  5. Click on the "Modules" tab and place the "Link list" module in the "Secondary Module Section". Enable "Custom text" if you want to display it.
  6. Click on the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.
Credit: sample images from unsplash.com

Colours:
#222
#733888
#B84398
#C58BB7
#DAB6D1
#EEE
#F9F9F9

Crossroad

Feb. 6th, 2017 08:06 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:

  • header image (set to "cover")
  • header icon (200x200px)
  • navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the "Select style" page, search for "Boxes and Borders" and apply "Gray".
2. Choose the "1 Column (modules at bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Denk+One into the "Custom stylesheet URL" field.
4. Click the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Credit: sample image from unsplash.com

Colours:
#444466
#5A5A98
#6541C2
#B152AF
#EDBCE3
#D6D7E4
#F1F2F8
#FEFEFE

Marbles

Oct. 29th, 2016 02:18 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:

  • side image (set to "cover")
  • side icon (200x200px)
  • navigation links, links list, custom text
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two|Montserrat+Subrayada into the "Custom stylesheet URL" field.
4. Click on the "Modules" tab, enable "Custom text" and move it to number 3.

Credits:
Colours:
#27465A
#3772B3
#4B8C9C
#039FC0
#F7F9FB

Layout images: http://sta.sh/zip/22b5levoi54p

Light

Oct. 14th, 2016 10:01 pm
rosecarmine: (Default)
[personal profile] rosecarmine



Live preview | Code

Features:

  • header image (600x250px)
  • sliding sidebar
  • navigation links, links list, custom text
  • comment pages
  • icon pages
  • fixed width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Playfair+Display:700italic|Open+Sans into the "Custom stylesheet URL" field.
4. Click the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Credit: sample image from Picjumbo.com

Colours:
#444
#777
#C2872E
#D7A457
#CCC
#F2F2F2
#FAFAFA
#FFF

Blossom

Sep. 29th, 2016 02:18 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:

  • side image (set to "cover")
  • navigation links, links list, custom text
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Courgette into the "Custom stylesheet URL" field.
4. Click the "Presentation" tab; in the "Additional options" select "text-only" for "Select whether comment management links are printed as text or using the available icons".
5. Click the "Text" tab. In the "Entry" section change the text for "Text to read comments" and "Text to read comments from Your Reading page" to 1//#.

Credits:
Colours:
#674B2E
#8D663F
#C0434D
#E7705A
#EED0B7
#F8EEE4
#FFFDF9
#FFF

Layout images: http://sta.sh/zip/22cundmstiqn

Arrow

Sep. 22nd, 2016 08:05 pm
rosecarmine: (Default)
[personal profile] rosecarmine



Live preview | Code

Features:

  • full screen header image (set to "cover")
  • navigation links, default icon, links list, custom text
  • sliding control strip (from left)
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose the "1 Column (modules at bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Macondo into the "Custom stylesheet URL" field.
4. Click the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Credit: sample image from Picjumbo.com

Colours:
#223148
#49423C
#2C5BA3
#495C7C
#AB9377
#F0F5FB
#FFF

Slide

Mar. 28th, 2016 04:56 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:

  • header image (pattern)
  • navigation links, links list (as dropdown menu), custom text
  • sliding management links
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Atomic+Age|Oxygen+Mono into the "Custom stylesheet URL" field.
4. Click on the "Modules" tab. Enable "Custom text" and set it to 1.

Credit:
Colours:
#000
#222
#233C47
#397A99
#A3ACB1
#C9CDCF
#EEE
#FAFAFA

Layout images: http://sta.sh/zip/2ll9qui4wdu

Shine

Jan. 28th, 2016 07:48 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • navigation links, links list, custom text
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Petit+Formal+Script|Handlee into the "Custom stylesheet URL" field.
4. Click the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Credit: sample image from subtlepatterns.com

Colours:
#2B3844
#3D505F
#2679A6
#459BC9
#9FC0D0
#CBDAE2
#CDE2EB
#F5F8FC

App

Dec. 10th, 2015 04:44 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:

  • navigation links, links list, custom text
  • comment pages
  • icon pages
  • fixed width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply "Plain".
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Electrolize into the "Custom stylesheet URL" field.
4. Click the "Modules" tab. Enable "Custom text". Set the "Navigation" module to 1, the "Profile" module to 2 and the "Custom text" module to 3.

Credits:
Colours:
#4B4868
#5671DC
#8699E6
#A69AE7
#B29AE3
#BE9AE0
#CB9BDC
#C668B3
#D79BD9
#E49CD6
#E4D3EB
#F2EBF5

Layout images: http://sta.sh/zip/2tb6fc8dor1
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • default icon, navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose one of the 1 Column page setups.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Lobster+Two|Raleway into the "Custom stylesheet URL" field.
4. Click the "Presentation" tab; in the "Additional options" section look for "Select whether user interaction links are printed as text or using the available icons ", "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for all.
5. Click the "Modules" tab and place the "Calendar", "Link list", "Tags" and "Custom text" modules in the "Secondary Module Section".

Credit: sample images from subtlepatterns.com

Colours:
#37293D
#60486A
#8630A3
#A684B9
#C8B5A8
#E1D5CD
#E8E1D9

Layout images: http://sta.sh/zip/2233bxyrp722

Butterfly

Oct. 21st, 2015 12:55 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • navigation links, default icon, links list, tags list, custom text
  • comment pages
  • icon pages
  • fixed width
How to install:
1. Go to the  "Select style" page, search for "Basic boxes" and apply any theme.
2. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". After that, copy and paste the following https://fonts.googleapis.com/css?family=Handlee|Sofia into the "Custom stylesheet URL" field.
3. Click the "Modules" tab and enable "Custom text".

The dimensions of the header image are 200x200px. Go to the "Custom CSS" tab, search for .module-section-header in the code field and paste the url of your image in background:url() between the brackets.

Credit: mini icons from elegantthemes.com. Customize and download the mini icons here.

Colours:
#2E3841
#495967
#18678D
#4896AC
#1394B9
#69ADC0
#96C6D3
#C1DCE6
#DCEBED
#F1F7F8

Layout images: http://sta.sh/zip/226w2w1zofsi

Red ribbon

Oct. 14th, 2015 01:33 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fixed width
How to install:
1. Go to the  "Select style" page, search for "Basic Boxes" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". Copy and paste the following https://fonts.googleapis.com/css?family=Rochester|Sorts+Mill+Goudy:400italic into the "Custom stylesheet URL" field.
4. Click the "Modules" tab. For the "Tags" module, select "Cloud" from the "Type of tags display" drop-down. Then enable "Custom text" and move it to number 5.

Credits:
Colours:
#6B4634
#986349
#CF344B
#DA1B50
#E83C6B
#EB5785
#DDC5B9
#E7D2A7
#F2E8D0
#F9F3E8

Layout images: http://sta.sh/zip/22b8iag2lu4i

Folder

Oct. 7th, 2015 03:20 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • default icon, navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fixed width
How to install:
1. Go to the  "Select style" page, search for "Strata" and apply any theme.
2. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". After that, copy and paste the following https://fonts.googleapis.com/css?family=Mandali|Croissant+One into the "Custom stylesheet URL" field.

Credit: sample images from subtlepatterns.com

Colours:
#222
#2D526C
#0085B0
#01A3AF
#7298BD
#709DBC
#6F9EB8
#6FA6BB
#72ADBB
#6DADB7
#6EB3B8
#CCC
#D2E3EC
#EEE
#FAFAFA

Layout images: http://sta.sh/zip/22fbv3c5fbdt
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • header image (pattern)
  • navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fixed width
How to install:
1. Go to the  "Select style" page, search for "Strata" and apply any theme.
2. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". After that, copy and paste the following https://fonts.googleapis.com/css?family=Fondamento|Cinzel+Decorative into the "Custom stylesheet URL" field.
3. Click the "Modules" tab and enable "Custom text".

Credits:Colours:
#222
#2E221D
#674D41
#BF5A0F
#DFC089
#CBBAA0
#E7D9BE
#F2EADB

Layout images: http://sta.sh/zip/21u0salpzbfy
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • sidebar image (pattern)
  • navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fluid width
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". After that, copy and paste the following https://fonts.googleapis.com/css?family=Amita|Shadows+Into+Light+Two into the "Custom stylesheet URL" field.
3. Click the "Modules" tab. Place the "Profile" and "Navigation" modules in the "Secondary Module Section". After that look for the "Tags" module and select "Cloud" from the "Type of tags display" drop-down. Then enable "Custom text" and move it to number 5.

Credits:
Colours:
#222
#444
#483E62
#773FA9
#B4589D
#999
#BBB
#CCC6E8
#E6E2F3

Layout images: http://sta.sh/zip/21j5pkmgkw18

Line

Sep. 4th, 2015 02:20 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • header image (800x250px)
  • expanding topbar
  • navigation links, calendar,  links list, tags list, custom text
  • comment pages
  • icon pages
  • fixed width
How to install:
1. Go to the  "Select style" page, search for "Basic Boxes" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". After that, copy and paste the following https://fonts.googleapis.com/css?family=Amita|Average into the "Custom stylesheet URL" field.
4. Click the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.
5. Click the "Modules" tab and enable "Custom text".

To add your own header image, go to the "Custom CSS" tab, search for #journaltitles-container in the code field and replace the background's url.

Credit: sample image from backgrounds.mysitemyway.com

Colours:
#4F626C
#3685B4
#D26088
#53B0CC
#96CFE0
#AFDBE7
#EDD3DD
#C9E7EF
#EEE
#F5FBFC
#FFF

Bubble

Apr. 2nd, 2015 12:35 am
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • comment pages
  • icon pages
  • fixed width
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". After that, copy and paste the following https://fonts.googleapis.com/css?family=Handlee|Poiret+One into the "Custom stylesheet URL" field.
3. Click the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Circle

Mar. 30th, 2015 09:45 pm
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • sidebar image (260x260px)
  • default icon, navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fixed width
How to install:
1. Go to the  "Select style" page, search for "Basic Boxes" and apply any theme.
2. Go to the "Customize your theme" page, click the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". After that, copy and paste the following https://fonts.googleapis.com/css?family=Handlee|Rochester into the "Custom stylesheet URL" field.
3. Click the "Modules" tab and enable "Custom text".
4. Click the "Text" tab. In the "Entry" section change the text for "Text to read comments" and "Text to read comments from Your Reading page" to 1//#.

To replace the image in the sidebar, go to the "Custom CSS" tab and search for #header > .inner:first-child in the code field. Replace the background's url with your own.

Credits:
Colours:
#1E3A77
#51535E
#305FC0
#6F99C4
#CFDDEB
#EAF0F7
#FFF


Layout images: http://sta.sh/zip/21exgphvam7p

Square

Mar. 27th, 2015 12:20 am
rosecarmine: (Default)
[personal profile] rosecarmine


Live preview | Code

Features:
  • default icon, navigation links, links list, tags list, custom text
  • comment pages
  • icon pages
  • fluid width
  • mobile version
How to install:
1. Go to the  "Select style" page, search for "Tabula Rasa" and apply any theme.
2. Choose the "1 Column (modules at top and bottom; no sidebar)" page setup.
3. Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Leave the "Use layout's stylesheet(s)" checkbox checked. After that, copy and paste the following https://fonts.googleapis.com/css?family=Shadows+Into+Light|Jura into the "Custom stylesheet URL" field.
4. Click the "Modules" tab. For the "Tags" module, select "Cloud" from the "Type of tags display" drop-down. Move the "Link List" to number 13. Then enable "Custom text" and move it to number 4.

Credits:Colours:
#4A3A2B
#347C79
#3A8985
#C86104
#439E9A
#51B5AF
#72C2BE
#92CFCC
#B0DBD9
#F9ECD2
#E4EEEB
#FCFBF8

Layout images: http://sta.sh/zip/21kxstr6uurp

Welcome!

Hello and welcome to my design journal containing free custom layouts made by me, rosecarmine.

Currently available:
- 26 dreamwidth layouts,
- 3 dreamwidth styles,
- 8 tumblr themes

Thank you for visiting and I hope you enjoy using my layouts.