Search this blog
themes
menu
  • Showing 16 posts tagged widgets
    photo post by
    yukoki:
“Sticky Notes Tutorial coded by yukoki & suggested by hyskoa-mourououu
A tutorial for how to add these sticky notes to your theme!! They’re draggable, you can add bold/italic/linked text, and you can close the sticky notes once per page...
    yukoki:
“Sticky Notes Tutorial coded by yukoki & suggested by hyskoa-mourououu
A tutorial for how to add these sticky notes to your theme!! They’re draggable, you can add bold/italic/linked text, and you can close the sticky notes once per page...
    yukoki:
“Sticky Notes Tutorial coded by yukoki & suggested by hyskoa-mourououu
A tutorial for how to add these sticky notes to your theme!! They’re draggable, you can add bold/italic/linked text, and you can close the sticky notes once per page...
  • Sticky Notes Tutorial

    coded by yukoki & suggested by hyskoa-mourououu

    A tutorial for how to add these sticky notes to your theme!! They’re draggable, you can add bold/italic/linked text, and you can close the sticky notes once per page refresh. This tutorial mainly involves a lot of copy-pasting, so it’s not too difficult. I don’t guarantee they’ll work on all blog themes because of conflicting scripts, though.

    Keep reading

  • link copied
    photo post by
    solitudethemes:
“updates tab one | preview  (updated oct 2019)
“ paste this code right before
paste this code after
”
i finally remembered to release the updates tab from my theme invisible, apologies to everyone who has been waiting for...
    solitudethemes:
“updates tab one | preview  (updated oct 2019)
“ paste this code right before
paste this code after
”
i finally remembered to release the updates tab from my theme invisible, apologies to everyone who has been waiting for...
    solitudethemes:
“updates tab one | preview  (updated oct 2019)
“ paste this code right before
paste this code after
”
i finally remembered to release the updates tab from my theme invisible, apologies to everyone who has been waiting for...
  • updates tab one | preview  (updated oct 2019)

    paste this code right before </style> 
    paste this code after <body>

    i finally remembered to release the updates tab from my theme invisible, apologies to everyone who has been waiting for this~ 

    everything needs to be changed manually in the code


    now: height automatically updates according to content & more detailed explanations and information in the preview page. as always, ask if you need help

  • photo post by
    baechys:
“Themepack #2
4/12 // Theme Momo ( Preview 400px / Code )
4.5/12 // Updatestab Loveletter ( Preview / Code )
Just in time for Twice’s newest comeback titles “What is Love?”, here is a minimal Heart-inspired theme + matching updates tab!
4/12...
    baechys:
“Themepack #2
4/12 // Theme Momo ( Preview 400px / Code )
4.5/12 // Updatestab Loveletter ( Preview / Code )
Just in time for Twice’s newest comeback titles “What is Love?”, here is a minimal Heart-inspired theme + matching updates tab!
4/12...
  • Themepack #2

    4/12 // Theme Momo ( Preview 400px / Code )

    4.5/12 // Updatestab Loveletter ( Preview / Code )

    Just in time for Twice’s newest comeback titles “What is Love?”, here is a minimal Heart-inspired theme + matching updates tab!

    4/12 Momo features

    • Post sizes: 300px / 350px / 400px /450px /500px
    • Sidebar: 150px wide ; Option for avatar ; 5 Heart shaped custom links
    • Updates tab is included in this theme, no need to install it seperately! You can also switch it off if you don’t want to use it. You do need to edit the contents of the tab in the HTML of the theme!

    4.5/12 Loveletter features

    • Simple updates tab with 3 different sections that appears once you hover over the little heart
    • Knowledge of HTML and CSS is recommended if you plan on using it!

    Compability:

    • Optimized for google chrome and mozilla firefox
    • Compatible with all desktop-screensizes!

    Please like/reblog if using or planning on using ♡

  • photo post by
    suiomi:
“Floating Décor v.2 - updated Jan.2021
“Download: HTML - CSS
”
Installation:
• Add the HTML code after
• Add the CSS code before
• In the CSS code, change the image’s URL to whichever image you want to use.
Notes:
• Square, transparent...
  • Floating Décor v.2 - updated Jan.2021

    Download: HTML - CSS


    Installation:

    1. Add the HTML code after <body>
    2. Add the CSS code before </style>
    3. In the CSS code, change the image’s URL to whichever image you want to use.

    Notes:

    • Square, transparent PNG/SVG files are recommended.
    • You may change the floaties’ size in the CSS code. Instructions included in-code.

    Premade images:

    • Autumn leaf: //solrainha.github.io/portfolio/floating-decor/icons/autumn-leaf.svg
    • Easter egg: //solrainha.github.io/portfolio/floating-decor/icons/easter-egg.svg
    • Flower (preview): //solrainha.github.io/portfolio/floating-decor/icons/flower.svg
    • Green leaf: //solrainha.github.io/portfolio/floating-decor/icons/green-leaf.svg
    • Santa hat: //solrainha.github.io/portfolio/floating-decor/icons/santa-hat.svg
    • Santa: //solrainha.github.io/portfolio/floating-decor/icons/santa.svg
    • Snowflake: //solrainha.github.io/portfolio/floating-decor/icons/snowflake.svg
    • Star: //solrainha.github.io/portfolio/floating-decor/icons/star.svg
  • link copied
    photo post by
    pirateskinned:
“ code snippet #4: calendars by pirateskinned
↳ check the source link for the preview + code
• 5 different calendars: with and without borders, with and without background colours as well as a habit tracker
• can be used on any theme...
  • code snippet #4: calendars by pirateskinned
    check the source link for the preview + code

    • 5 different calendars: with and without borders, with and without background colours as well as a habit tracker
    • can be used on any theme or page
    • while there are detailed instructions in the code, it’s useful to already have some html/css knowledge when using this snippet

    don’t use as base code, remove credit, take parts of the code or repost / claim as your own.
    do edit and make it your own.
    please like / reblog if you plan on using.

  • photo post by
    alydae:
“ update tab ii | preview (both versions and customisation details)
“tab version - code (raw), alternate
widget version - code (raw), alternate
”
a timeline-style update tab that includes
• 3 updates by default but more can be added. they...
  • update tab ii | preview (both versions and customisation details)

    tab versioncode (raw), alternate
    widget version code (raw), alternate

    a timeline-style update tab that includes

    • 3 updates by default but more can be added. they will lengthen automatically.
    • tabs version has option for left or right location
    • widget version expands to the size of the element that it’s added to
    • text styling by default matches your blog’s styling

    to install: copy the code after <body> for the tab version and inside wherever you want it for the widget version

    this has been asked many many times ever since it was on my blog and here it is! the tab version shows on click and functions as a regular updates tab. the widget version can be added to anything such as sidebars, popups etc.

    everything needs to be edited in the code, therefore basic coding knowledge is required. if there are any issues or glitches, don’t be afraid to send me an ask here.

    reblog/like if using and please do not repost or steal!

  • 01. 02.
    page 1 of 2
    next