Search the Community

Showing results for tags 'tumblr'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH


  • Community Calendar




Website URL








Found 7 results

  1. Hello, I'm currently undertaking a college course and we need to design a website, W3Schools is one of our resources so I thought I'd ask a question here. I was hoping to create - on the frontpage of my website - a section in which my Tumblr blog was shown, looking on Google there is an old set of instructions (that I can see) that direct you to getting the HTML from Tumblr so you can have your blog on your website. However, the HTML no longer seems to be on Tumblr to make your blog appear. I was wondering if anyone in the W3Schools world may be able to help me here? My Tumblr page is - Thank you
  2. Hi, I'm pretty new to coding and just learning as I go. I installed a new theme to a Tumblr account I just made. Here: When I upload multiple images at once as a photoset they're overlapping eachother, like this: I've found that if I toggle the "Show Intro" slider to the On position (which shows a status bar while the page loads) the photos will display correctly. However, I don't want to use the intro. I've spent all day Google searching possible fixes and haven't had anything work yet. There seems to be a lot of talk about making the Masonry plug in activate AFTER all images have loaded. But I don't know much about this. Any help would be very much appreciated! Thanks - Dave Site code: <!DOCTYPE html><html lang="en"><head> <!-- Theme Name: LEEN THEME 7 If you have any questions, please send me an email: with the name of the theme and a link to your blog. Please note: support is not available for HTML & CSS customizations. Feel free to edit and customize this theme for personal use. more themes ? ===> OOOO OOOOOOOO OOOOOOOO OOOOOOOO OOOOO OOOO OOO OOO OOOOOOOOO OOOOO OOOO OOOOOOOO OOOOOOOO OOOOO OOOO OOOOO OOOO OOOOOOO OOOOOOO OOOOO OOOOOOOOO OOOO OOO OOO OOOOO OOOOOOOO OOOOOOOOOO OOOOOOOO OOOOOOOO OOOOO OOOOOOO OOOOOOOOOOO OOOOOOOOO OOOOOOOOO OOOOO OOOOOO Version: 5.0 (January 28, 2015) By: Mesut Barazani --> <title>{Title}{block:TagPage} • Posts Tagged ‘{Tag}’{/block:TagPage}{block:PostSummary} • {PostSummary}{/block:PostSummary}</title> <link rel="shortcut icon" href="{Favicon}"/> <link rel="apple-touch-icon" href="{PortraitURL-128}"/> <link rel="alternate" type="application/rss+xml" href="{RSS}"/> {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description} <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="" /> <script src=""></script> <link rel="stylesheet" href=""> <link href="" rel="stylesheet"> <script src=""></script> <script src=""></script> {block:Hidden} <meta name="if:Show People I follow" content="0"/> <meta name="if:Date Format TimeAgo" content="1"/> <meta name="select:Layout type" content="two-column" title="two column"/> <meta name="select:Layout type" content="one-column" title="one column"/> <meta name="select:Layout type" content="three-column" title="three column"/> <meta name="image:Background image" content=""/> <meta name="if:Repeat Backgruond" content="1"/> <meta name="if:Hide Caption" content="1"/> <meta name="if:Hide Caption" content="1"/> <meta name="color:Background" content="#000"/> <meta name="color:Zoom Icon Color" content="#529ecc"/> <meta name="color:Menu Icon Color" content="#BDB083"/> <meta name="color:Title Color" content="#fff"/> <meta name="color:Description Color" content="#777777"/> <meta name="color:SideBar Background Color" content="#000"/> <meta name="select:SideBar Background Opacity" content="0.6" title="Default"/> <meta name="select:SideBar Background Opacity" content="0.3" title="25%"/> <meta name="select:SideBar Background Opacity" content="1" title="100%"/> <meta name="color:Loading Line Color" content="#ea504e"/> <meta name="color:Twitter Links" content="#b5af47"/> <meta name="color:Twitter Text" content="#666666"/> <meta name="color:Loading Background Color" content="#252328"/> <meta name="text:Loading Line Height" content="1px"/> <meta name="text:Title Size" content="40px"/> <meta name="text:Twitter Limit" content="5"/> <meta name="text:Flickr ID" content=""/> <meta name="text:Flickr Limit" content="6"/> <meta name="text:Instagram photo count" content="6" /> <meta name="text:Instagram userId" content="" /> <meta name="text:Instagram access token" content="" /> <meta name="color:Search Border" content="#cccccc"/> <meta name="color:Search Border On Focus" content="#f7c282"/> <meta name="color:Link Header" content="#54A7AE"/> <meta name="select:Body font" content="Montserrat" title="Montserrat"> <meta name="select:Body font" content="Roboto" title="Roboto"> <meta name="select:Body font" content="Source Sans Pro" title="Source Sans Pro"> <meta name="select:Body font" content="Droid Serif" title="Droid Serif"> <meta name="select:Body font" content="Lato" title="Lato"> <meta name="select:Body font" content="Merriweather" title="Merriweather"> <meta name="select:Body font" content="PT Sans" title="PT Sans"> <meta name="select:Body font" content="Roboto Slab" title="Roboto Slab"> <meta name="select:Body font" content="Raleway" title="Raleway"> <meta name="select:Body font" content="Vollkorn" title="Volkorn"> <meta name="select:Body font" content="Varela" title="Varela"> <meta name="select:Body font" content="Varela Round" title="Varela Round"> <meta name="select:Body font" content="Open Sans" title="Open Sans"> <meta name="select:Body font" content="Arial" title="Arial"> <meta name="select:Body font" content="Georgia" title="Georgia"> <meta name="select:Body font" content="Cabin" title="Cabin"> <meta name="select:Title font" content="Yanone Kaffeesatz" title="Yanone Kaffeesatz"> <meta name="select:Title font" content="Roboto" title="Roboto"> <meta name="select:Title font" content="Source Sans Pro" title="Source Sans Pro"> <meta name="select:Title font" content="Droid Serif" title="Droid Serif"> <meta name="select:Title font" content="Lato" title="Lato"> <meta name="select:Title font" content="Merriweather" title="Merriweather"> <meta name="select:Title font" content="PT Sans" title="PT Sans"> <meta name="select:Title font" content="Roboto Slab" title="Roboto Slab"> <meta name="select:Title font" content="Raleway" title="Raleway"> <meta name="select:Title font" content="Vollkorn" title="Volkorn"> <meta name="select:Title font" content="Varela" title="Varela"> <meta name="select:Title font" content="Varela Round" title="Varela Round"> <meta name="select:Title font" content="Open Sans" title="Open Sans"> <meta name="select:Title font" content="Arial" title="Arial"> <meta name="select:Title font" content="Georgia" title="Georgia"> <meta name="select:Title font" content="Cabin" title="Cabin"> <meta name="select:Description font" content="Roboto" title="Roboto"> <meta name="select:Description font" content="Yanone Kaffeesatz" title="Yanone"> <meta name="select:Description font" content="Source Sans Pro" title="Source Sans Pro"> <meta name="select:Description font" content="Droid Serif" title="Droid Serif"> <meta name="select:Description font" content="Lato" title="Lato"> <meta name="select:Description font" content="Merriweather" title="Merriweather"> <meta name="select:Description font" content="PT Sans" title="PT Sans"> <meta name="select:Description font" content="Roboto Slab" title="Roboto Slab"> <meta name="select:Description font" content="Raleway" title="Raleway"> <meta name="select:Description font" content="Vollkorn" title="Volkorn"> <meta name="select:Description font" content="Varela" title="Varela"> <meta name="select:Description font" content="Varela Round" title="Varela Round"> <meta name="select:Description font" content="Open Sans" title="Open Sans"> <meta name="select:Description font" content="Arial" title="Arial"> <meta name="select:Description font" content="Georgia" title="Georgia"> <meta name="select:Description font" content="Cabin" title="Cabin"> <meta name="text:Disqus Shortname" content=""/> <meta name="text:Google Analytics ID" content=""/> <meta name="select:Backgruond" content="" title="Leen"/> <meta name="select:Backgruond" content="" title="Inbit"/> <meta name="select:Backgruond" content="" title="Barg"/> <meta name="select:Backgruond" content="" title="sea"/> <meta name="select:Backgruond" content="" title="Manana"/> <meta name="select:Backgruond" content="" title="Riziz"/> <meta name="select:Backgruond" content="" title="Travel"/> <meta name="select:Backgruond" content="" title="Telle"/> <meta name="select:Backgruond" content="" title="Rama"/> <meta name="select:Backgruond" content="" title="Rain"/> <meta name="select:Backgruond" content="" title="Sea 2"/> <meta name="select:Backgruond" content="" title="Adam"/> <meta name="select:Backgruond" content="" title="Dapple dapple"/> <meta name="select:Backgruond" content="" title="California"/> <meta name="select:Backgruond" content="" title="Screaming"/> <meta name="select:Backgruond" content="" title="Savara"/> <meta name="select:Backgruond" content="" title="None"/> <meta name="if:Infinite Scrolling" content="1"/> <meta name="if:Infinite Scrolling Trigger" content="1"/> <meta name="if:Show Random Post" content="1"/> <meta name="if:Show Intro" content="1"/> <meta name="if:Show Archive Page" content="1"/> <meta name="if:Show Feed Page" content="1"/> <meta name="text:WebSite URL" content=""/> <meta name="text:Facebook URL" content=""/> <meta name="text:Twitter URL" content=""/> <meta name="text:Google Plus URL" content=""/> <meta name="text:Dribbble URL" content=""/> <meta name="text:Instagram URL" content=""/> <meta name="text:Flickr URL" content=""/> <meta name="text:Youtube URL" content=""/> <meta name="text:Vimeo URL" content=""/> <meta name="text:DeviantArt URL" content=""/> <meta name="text:Pinterest URL" content=""/> <meta name="text:LinkedIn URL" content=""/> <meta name="text:Behance URL" content=""/> <meta name="text:GitHub URL" content=""/> <meta name="text:Spotify URL" content=""/> <meta name="text:SoundCloud URL" content=""/> <meta name="text:Wordpress URL" content=""/> <meta name="text:Tag 1" content=""/> <meta name="text:Tag 2" content=""/> <meta name="text:Tag 3" content=""/> <meta name="text:Tag 4" content=""/> <meta name="text:Tag 5" content=""/> <meta name="text:Tag 6" content=""/> <meta name="text:Tag 7" content=""/> <meta name="text:Tag 8" content=""/> <meta name="text:Tag 9" content=""/> <meta name="text:Tag 10" content=""/> <meta name="text:Tag 11" content=""/> <meta name="text:Tag 12" content=""/> <meta name="text:Tag 13" content=""/> <meta name="text:Tag 14" content=""/> <meta name="text:Tag 15" content=""/> {/block:Hidden} <link rel="stylesheet" type="text/css" href=""> <link href='{select:Body Font}:400,700,700italic,900,900italic,400italic,300' rel='stylesheet' type='text/css'> <link href='{select:Title Font}:400,700,700italic,900,900italic,400italic,300' rel='stylesheet' type='text/css'> <link href='{select:Description Font}:400,700,700italic,900,900italic,400italic,300' rel='stylesheet' type='text/css'> <style type="text/css"> *, *::before, *::after { box-sizing: border-box; } *:focus { outline: none; border: none; } body{ font-family: '{select:Body Font}', sans-serif; background: transparent; {block:IfShowIntro} {block:IndexPage} overflow: hidden; {/block:IndexPage} {/block:IfShowIntro} overflow-x: hidden !important; } a{ text-decoration: none; outline: none; color: {AccentColor}; } a:focus , a:visited{ outline: none; border: none; -moz-outline: none } .post iframe, embed, object, .post video ,video,.tumblr_video_container{ width: 100% !important; display: block; } #loading{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999; background: {color:Loading Background Color}; } #load-Span{ position: absolute; top: 0; bottom: 0; margin: auto; width: 0%; height:{text:Loading Line Height}; background: #fff; } #color{ width: 100%; height: 2px; background: {color:Loading Line Color}; } .container{ {block:IfShowIntro} opacity: 0; {/block:IfShowIntro} position: relative; padding: 0; margin: 0; {block:PermalinkPage} opacity: 1; {/block:PermalinkPage} } .bg{ position: fixed; width: 100%; height: 110%; {block:IfNotBackgroundImageImage} background: {color:Background} url('{select:Backgruond}') center center fixed; background-size: 100% 100% !important; {/block:IfNotBackgroundImageImage} {block:IfBackgroundImageImage} {block:IfNotRepeatBackgruond} background: {color:Background} url('{image:Background Image}') center center fixed; background-size: 100% 100% !important; {/block:IfNotRepeatBackgruond} {block:IfRepeatBackgruond} background: {color:Background} url({image:Background Image}) repeat fixed; {/block:IfRepeatBackgruond} {/block:IfBackgroundImageImage} {block:IfShowIntro} {block:IndexPage} opacity: 0; {/block:IndexPage} {/block:IfShowIntro} } .fl-right { float: right; } .fl-left { float: left; } .sideBar{ width: 300px; height: 100%; position: fixed; top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; {block:IfShowIntro} {block:IndexPage} left: -100%; {/block:IndexPage} {/block:IfShowIntro} } .sideBar:before{ position: absolute; width: 100%; height: 100%; content: ''; opacity: {select:SideBar Background Opacity}; background: {color:SideBar Background Color}; } #main{ position: relative; {block:IfNotShowIntro} {block:IndexPage} opacity: 0; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; {/block:IndexPage} {/block:IfNotShowIntro} } .main{ width: 75%; min-height: 800px; margin-bottom: 150px; margin-left: 320px; margin-top: 10px; padding-bottom: 100px; position: relative; {block:PermalinkPage} margin-left: 320px; margin-bottom: 400px; {/block:PermalinkPage} } .post{ width: 32%; margin-left: 8px; margin-top: 7px; border-radius: 3px; background: #fff; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; -webkit-border-radius: 3px; overflow: hidden; {block:PermalinkPage} width: 70%; right: 0; left: 0; margin: 50px auto; overflow: visible; {/block:PermalinkPage} } .photo-set{ background: #fff; padding: 5px; min-height: 100%; } .two-column .post{ width: 48%; {block:PermalinkPage} width: 70%; {/block:PermalinkPage} } .one-column .post{ width: 60%; margin: auto; margin-top: 10px; left: 0; right: 0; } .post-img{ display: block !important; width: 100%; } a h1.title{ padding: 0px 30px; text-align: center; margin-left: 5px; font-size: {text:Title Size}; font-weight: 300; opacity: 0.7 !important; color:{color:Title Color}; font-family: '{select:Title Font}', sans-serif; letter-spacing: 1.5px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .decs{ padding: 0px 20px; font-size: 14px; font-weight: bold; color: {color:Description Color}; line-height: 1.4; text-align: justify; font-family: '{select:Description Font}', sans-serif; } .square{ border-radius: 0px; } .circle{ border-radius: 50%; } .avatar-img{ margin: 15px auto; width: 128px; height: 128px; background: url({Favicon}); background-size: 100% 100%; display: block !important; transition: border-radius 0.2s ease; -webkit-transition: border-radius 0.2s ease; -moz-transition: border-radius 0.2s ease; -ms-transition: border-radius 0.2s ease; -o-transition: border-radius 0.2s ease; } .loading-content{ margin: 70px auto; display: block !important; } img{ max-width: 100%; border: none; outline: none; } /* Instagram */ #instafeed { margin:35px auto; width: 220px; } #instafeed img{ width: 110px; overflow: hidden; padding: 4px; opacity: 0.8 !important; transition: all 0.3s ease; } #instafeed p , #basicuse p , p.follow , #twitter > p{ color: {color:Menu Icon Color}; text-align: center; margin-bottom: 10px; line-height: 1.3; font-size: 14px; opacity: 0.8 !important; font-weight: bold; } #instafeed img:hover{ opacity: 1 !important; } #twitter > p > a{ color: {color:Menu Icon Color} } /* followed */ ul.followed{ list-style: none; width: 246px; text-align: center; margin: 0 auto; padding: 0; } ul.followed li{ display: inline-block; } /* zoom Icon */ .zoom-con{ position: relative; width: 100%; height: 100%; } .post:hover .zoom-lens{ opacity: 1; } .zoom-lens{ position: absolute; cursor: pointer; opacity: 0; background: transparent; top: 50%; left: 50%; height: 80px; width: 80px; transition :all 0.2s ease-out; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .zoom-one{ position: absolute; cursor: pointer; left: 0; top: 0; width: 80px; height: 80px; border-radius: 48px; opacity: 0.4; background: {color:Zoom Icon Color}; transition :all 0.2s ease-out; -moz-transition :all 0.2s ease-out; -webkit-transition :all 0.2s ease-out; -o-transition :all 0.2s ease-out; -ms-transition :all 0.2s ease-out; } .zoom-lens:hover .zoom-one{ transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); opacity: 0; } .zoom-icon{ position: absolute; left: 12px; top: 12px; opacity: 0.8; background-color: {color:Zoom Icon Color}; width: 56px; height: 56px; border-radius: 36px; transition :all 0.1s linear; -moz-transition :all 0.1s linear; -o-transition :all 0.1s linear; -ms-transition :all 0.1s linear; -webkit-transition :all 0.1s linear; } .zoom-lens:hover .zoom-icon{ transform: scale(0.95,0.95); -moz-transform: scale(0.95,0.95); -ms-transform: scale(0.95,0.95); -o-transform: scale(0.95,0.95); -webkit-transform: scale(0.95,0.95); opacity: 0.7; } .preloader{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } /*twitter */ #twitter{ margin: 30px auto; padding: 10px; text-align: center; } #tweets p{ padding: 0px 20px; font-size: 14px; font-weight: bold; color: {color:Twitter Text}; line-height: 1.4; } #tweets a{ color: {color:Twitter Links}; display: block; padding-left: 6px; line-height: 1.5; font-size: 12px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #tweets a:hover{ opacity: 0.5; } #tweets a:first-of-type { margin-top: 10px; } #tweets p:hover .twitterS{ color: #55acee; } .twitterS{ margin-right: 5px; font-size: 16px; ; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } /* Flickr CSS */ #basicuse{ margin: 0 auto; width: 232px; } .thumbs { margin: 0; padding: 0; overflow: hidden; } .thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; } .thumbs li a { } .thumbs li img { display: block; width: 100px; } .thumbs li a img { border: none;} .mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside > .mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:5px}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:5px;height:auto;left:auto;top:0;right:0;bottom:0}.mCSB_outside + .mCSB_scrollTools{right:-26px}.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:10px;height:auto}.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.2);filter:alpha(opacity=20);-ms-filter:alpha(opacity=20)}.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.5);filter:alpha(opacity=50);-ms-filter:alpha(opacity=50)}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.2);filter:alpha(opacity=20);-ms-filter:alpha(opacity=20)}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter:alpha(opacity=50);-ms-filter:alpha(opacity=50)} /* like reblog share btn */ .p-btn{ width: 100%; height: 40px; background: #fff; border-top: 1px solid #ccc; position: relative; } .date{ position: absolute; right: 10px; top: 12px; font-size: 12px; font-weight: bold; } .date a{ color: #666; } .permalink{ height: 20px; width: 20px; position: absolute; top: 12px; left: 90px; } .permalink a{ color: #666; } .post-reblog{ height: 20px; width: 20px; position: absolute; top: 11px; left: 10px; } .post-reblog > a , .post-like > i{ display: block; font-size: 20px; font-family: 'leen-theme'; cursor: pointer; color: #666; } .icon-reblog:before { content: "e61d"; padding: 0; margin: 0; } .post-like{ height: 20px; width: 20px; position: absolute; top: 11px; left: 35px; } .post-like > i { position: relative; color: #666; z-index: 1; } .like_button { position: absolute; top: 2px; margin-top: 2px; left: 1px; opacity: 0; z-index: 999999; cursor: pointer; } .like_button.liked { opacity: 0; } .like_button.liked + i { color: red; } .icon-heart:before { content: "e603"; } .icon-heart{ cursor: pointer; } .share{ width: 18px; height: 18px; position: absolute; top: 12px; left: 65px; } .fa-upload{ cursor: pointer; color: #666; } .share input{ display: none; } .social { transform-origin:50% 0%; -webkit-transform: scale(0) translateY(10px); -moz-transform:scale(0) translateY(10px); -o-transform:scale(0) translateY(10px); transf
  3. Hi, I need a little help localizing in a tumblr theme what causes posts with more than 1 picture to hide the captioned text below the images. Also I would like to make it so that I can use custom text formatting on any post (bold text, different colors, bulleted lists etc,) because it is blocked somehow (take a look at "equipment" - there I tried using custom html in the post but it doesn't end up with it after saving)You can take a look here: The bottom post is with 1 picture and shows text below it, however the 2nd post has 3 images and doesn't show the text, even if i specifically go to that post's URL. What and where needs to be changed in order to make posts with custom formatting possible? Here is the html: Here is the .css asset: Regards, Daniel
  4. Hi, Tumblr's current 'Share on Tumblr' button is made to share PAGES, not posts. I want visitors of my wordpress blog to be able to share pictures. Tumblr is, after all, a picture blog. A post to tumblr should therefor be a picture post, using a posts 'Feature image' as the picture. This post should include the source, title, click-through, and the text from within the post (the later will only be visible on tumblr if you choose to view the whole post). Anyone out there skilled enough to modify this? A friend of mine told me to put the ID Number from the object in html elements ID-field. But I have no idea what that means, or how to do it. Following is the code I use so far. It does what I want, but the click-through and title does not work. <!--Add this code to your page right before the </body> tag. -->(I've been putting this in the index.php after the </body> tag).<script src=""></script> <!-- Put this tag wherever you want your button to appear -->(I've been putting this inside the posts).<span id="tumblr_button_abc123"></span> <!-- Set these variables wherever convenient -->(I've been putting this inside the posts).<script type="text/javascript"> var tumblr_photo_source = "The 'Feature Image'"; var tumblr_photo_caption = "The post title"; var tumblr_photo_click_thru = "The post URL";</script> <!-- Put this code at the bottom of your page -->(I've been putting this inside the posts)<script type="text/javascript"> var tumblr_button = document.createElement("a"); tumblr_button.setAttribute("href", "" + encodeURIComponent(tumblr_photo_source) + "&caption=" + encodeURIComponent(tumblr_photo_caption) + "&clickthru=" + encodeURIComponent(tumblr_photo_click_thru)); tumblr_button.setAttribute("title", "Share on Tumblr"); tumblr_button.setAttribute("style", "display:inline-block; text-indent:-9999px; overflow:hidden; width:129px; height:20px; background:url('') top left no-repeat transparent;"); tumblr_button.innerHTML = "Share on Tumblr"; document.getElementById("tumblr_button_abc123").appendChild(tumblr_button);</script>
  5. Hey guys, I have the following problem: On my blog ( I want to make it possible to switch directly between the blog entries.At the bottom of the main site you can see pagination between the sites. (BTW, it's in German but I guess you see what it means.) But if you open a specific entry you can see a similar but smaller footer without links to click.The code I used for this is the following: {block:PermalinkPage} <div class="FUSSBEREICH PERMA"> <div class="SCHATTEN"> </div> <div class="FUSS"> <div class="NAVIGATION"> {block:Pagination} <ul> {block:PreviousPost} <li> <a href="{PreviousPost}"> Vorheriger Eintrag </a> </li> {/block:PreviousPost} {block:NextPost} <li> <a href="{NextPost}"> Nächster Eintrag </a> </li> {/block:NextPost} </ul> {/block:Pagination} </div> </div> </div> {/block:PermalinkPage} (In case you need to know: FUSSBEREICH = footer; SCHATTEN = shadow; FUSS = foot)But as I said, no link at all is displayed. Can someone tell me why? Regards,Thomas
  6. Hello everyone,I recently created a blog on tumblr to showcase video contributions for a project I launched. I was intending to have the videos loop once played and I am struggling. I looked online and found all the appropriate codes to create loops and although the videos obediently follow instructions when played in my browser they refuse to loop once I embed them in the blog.I am very new to HTML and was advised to "use the Plain Text Editor to create or edit advanced post embeds or to control element formatting via HTML" I really don't know what that means. My blog sits here: www.thenonresidents.tumblr.comand the first video in question is: Within the HTML editor for the theme I assume this is the relevant bit for me /* Video Entry Markup */ .video {width: 250px;margin: 0 0 10px -30px;{block:PermalinkPage}width: 500px;margin: 0;{/block:PermalinkPage}} /* End Video Entry Markup * Could someone please help me with the code and let me know just what I need to edit to allow the videos to loop.Thank you so much for your time.
  7. I need some help making images fit onto my page; sometimes when I post an image, the dimensions are too big and so it creates a kind of overlapping look that I really dislike, if you look here you'll see what I mean: It would be amazing if you could help me out, my theme is below. Thanks so much in advance xx <head> <!-- DEFAULT VARIABLES --> <meta name="color:background" content="#F7F7F7" /><meta name="color:entry" content="#FFFFFF" /><meta name="color:text" content="#3F3F3F"><meta name="color:link" content="#4B4B4B" /><meta name="color:link hover" content="#000000" /><meta name="font:body" content="georgia" /> <meta name="if:Endless Scrolling" content="0" /><meta name="if:Fade Images" content="0" /><meta name="if:Hide Captions" content="1" /> <meta name="text:Custom Link One" content="" /><meta name="text:Custom Link One Title" content="" /><meta name="text:Custom Link Two" content="" /><meta name="text:Custom Link Two Title" content="" /><meta name="text:Custom Link Three" content="" /><meta name="text:Custom Link Three Title" content="" /><meta name="text:Custom Link Four" content="" /><meta name="text:Custom Link Four Title" content="" /> <title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <style type="text/css">::-webkit-scrollbar-thumb:vertical {background-color:#CCC;height:100px;}::-webkit-scrollbar-thumb:horizontal {background-color:#FFF;height:10px !important;}::-webkit-scrollbar {height:10px;width:5px;background-color:#fff;} .border {margin: 2 auto 8px; margin-top:4px; width: 80%; height: 1px; background:{color:background}; background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), color-stop(.5, {color:background}), to(#ffffff)); background: -moz-linear-gradient(0deg, #ffffff, {color:background}, #ffffff);} {block:IfFadeImages}img{ -webkit-transition: opacity 0.7s linear; opacity: 1;}img:hover{ -webkit-transition: opacity 0.7s linear; opacity: .80; }{/block:IfFadeImages} body{ background-color:{color:background}; color:{color:Text}; font-family:{font:body}; font-size:12px; line-height: 12px; text-align:justify;}a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}a:hover{ color:{color:link hover}; text-decoration:underline; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}h1, big{ color:{color:title}; font-family:{font:title}; font-size:18px; line-height:30px; letter-spacing:-1px; font-weight:normal; text-transform:; margin:0px; padding:0px; text-align:left;}h3{ color:{color:title}; font-family:{font:title}; font-size:10px; line-height:14px; letter-spacing:1px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px;text-align:left;} .title {color:{color:text}; font-family:elephant; font-size:20px; font-style:italic; line-height:10px; letter-spacing:1px; text-align:center; text-transform:lowercase; padding-top:15px; padding-bottom:7px; padding-right:10px; padding-left:10px;}.title a:hover{text-decoration:none;}.ptitle {color:{color:text}; font-family:times new roman; font-size:12px; font-weight:bold; font-style: italic; } #header{width:550px; background-color:{color:background}; margin:auto; position:absolute; z-index: 3;}.disphoto {background-image: url({PortraitURL-96}); -moz-border-radius: 38px; -webkit-border-radius: 60px; width: 96px; height: 96px; margin: 10px;} #center{ width:450px; background:{color:entry}; padding-right:10px; padding-left:10px; padding-top:3px; margin-top:-10px; margin-bottom:10px; margin:auto;}#entry{ width:450px; padding-bottom:5px;} .perma { text-align:right; }.perma a { font-family:times new roman; font-size:10px; font-weight:bold; font-style:italic; color:{color:text}; cursor:default; }.perma a:hover{ text-decoration:none; color:{color:link hover}; }.holder { background-color:{color:entry};} .quote {font-family:times new roman; font-size:12px; font-weight:bold; font-style:italic; padding-bottom:2px; }.source {text-align:right; padding-bottom:3px;}.audio {width: 445px; background-color:#E4E4E4; padding:3px; -webkit-box-shadow: 3px 3px 3px #dcdcdc;} embed, object { width:320px !important; height:200px !important;}.question {background-color:#E2E2E2; padding:2px;} #textperma {background-color:{color:entry}; font-color:{color:text}; margin-left:460px; opacity:0; position:absolute; z-index:3; padding:3px; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;} .pagelinks a{text-transform:; font-size:9px; font-family:times new roman; text-align:right; padding-bottom:4px; padding-bottom:1px; padding-left:1px; padding-right:1px; color:{color:link};}.pagelinks a:hover {background-color:{color:link hover}; color:{color:link}; }#entry:hover #perma {display: block; opacity:1;}#entry:hover #textperma {display:block; opacity:1;}.layer1 {margin:auto; margin-top:7px; width: 550px; padding-right:10px; padding-left:10px; background-color:{color:header};}.heading { background-color:{color:header}; margin:auto; margin-top:-5px; padding-bottom:5px; text-transform:lowercase;}.content { padding-top:5px; margin:auto;}.alignleft {float: left;}.alignright {float: right;}.right { margin: 0 0 px 0; padding: px; overflow:hidden; -moz-border-radius:3px; border-radius:3px; text-align: left; text-transform:; }.totalright {float:right; margin-top:0px;}#ask{ display:block; float: left; width:50px; overflow:hidden; word-wrap:break-word; margin-right:3px;} embed, object {width:450px !important;height:300px !important;}blockquote{ background-color: {color:box}; padding: 7px; padding-left:8px; border-left:1px solid{color:background}; border-right:1px solid {color:background};b, strong{color:{color:title};}i, em {color:{color:text};}p{margin-top:3px; margin-bottom:3px;}blockquote img{display:block; width:100%;}border-left: 2px solid #FAFAFA;padding: 0 0 0 15px;margin-left: 0px;blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}, .chat ol, .chat li {list-style:none; margin:0px; padding:2px; }.notes img{width:10px; position:relative; top:1px;}ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}</style> {block:IfEndlessScrolling}<script type="text/javascript" src=""></script>{/block:IfEndlessScrolling} <style type="text/css">{CustomCSS]</style> <script type="text/javascript" src=""></script> <script>$(document).ready(function(){$(".perma").hide();$(".holder").mouseenter(function (swing) {$(".perma", this).slideDown("slow");});$(".holder").mouseleave(function (swing) {$(".perma", this).slideUp("slow");});});</script> </head> <body> <div id="center"> <div class="title"><a href="/">{Title}</a></div> <div style="word-spacing:5px;"><Center><a href="/archive">1.</a> — <a href="/ask">2.</a> — <a href="/tagged/music">3.</a> — <a href="/tagged/me">4.</a>{block:IfCustomLinkOneTitle} — <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle} —<a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle} {block:ifCustomLinkThreeTitle} — <a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle} {block:ifCustomLinkFourTitle} — <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}</center></div> {block:Description}{Description}{/block:Description}<div class="border"></div> <BR>{block:IfEndlessScrolling}<div class = "autopagerize_page_element">{/block:IfEndlessScrolling} {block:Posts} <div id="entry"> <div class="holder">{block:Text}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}<div class="perma"><div style="border-top:1px dotted #EEE;"></div>{TimeAgo} | <a href="{Permalink}">Permalink</a></div>{/block:Text}</div> {block:Photo}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="450px"/>{block:IndexPage}</a>{/block:IndexPage}{block:IfNotHideCaptions}{Caption}{/block:IfNotHideCaptions}{block:PermalinkPage}{LinkCloseTag}{block:IfHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfHideCaptions}{/block:PermalinkPage}{/block:Photo} {block:Photoset}{Photoset-500}{/block:Photoset} {block:Quote}<div class="quote">{Quote}</div><div style="border-top:1px dotted #EEE;"></div><div class="source">{block:Source}{Source}{/block:Source} | <span style="font-family:times new roman; font-weight:bold; font-style:italic; font-size:10px;"> <a href="{Permalink}" title="{NoteCountWithLabel}">Permalink</a></span> </div>{/block:Quote} <div class="holder">{block:Link}<div id="textperma"><a href="{Permalink}" title="{NoteCountWithLabel}">IV</a></div><div class="ptitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}<div class="perma"><div style="border-top:1px dotted #EEE;"></div>{TimeAgo} | <a href="{Permalink}">Permalink</a></div>{/block:Link}</div> <div class="holder">{block:Chat}{block:Title}{Title}{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div>{/block:Lines}</div><div class="perma"><div style="border-top:1px dotted #EEE;"></div>{TimeAgo} | <a href="{Permalink}">Permalink</a></div>{/block:Chat}</div> {block:Audio}<div id="textperma"><a href="{Permalink}" title="{NoteCountWithLabel}">{PlayCount} | Permalink<BR>{block:ExternalAudio}<a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</a></div><div class="audio">{AudioPlayerGrey}</div><center>{block:Caption}{Caption}{/block:Caption}</center>{/block:Audio} <div class="video">{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}</div> <div class="holder">{block:Answer}<div class="question"><i>{Question}</i></div>by <i>{Asker}</i>{Answer}<div class="perma"><div style="border-top:1px dotted #EEE;"></div>Asked {TimeAgo} | <a href="{Permalink}">Permalink</a></div>{/block:Answer}</div> {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:Posts}{block:IfNotEndlessScrolling}<BR><div style="margin:auto; margin-top:-10px; font-size:14px; width:450px; background-color:{color:header}; "><div class="right">{block:PreviousPage}<a href="{PreviousPage}" title="newer entries"><<</a>{/block:PreviousPage} <div class="totalright">{block:NextPage}<a href="{NextPage}" title="older entries">>></a>{/block:NextPage}</div></div></span>{/block:IfNotEndlessScrolling} {block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}<div style="position:fixed; bottom:3px; right:3px; font-size:10px; letter-spacing:0px; opacity:.8;;"><a href=""><i>theme</i> </a></div> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource} </div> </body> </html>