Advertisement
Guest User

Sessies

a guest
Nov 24th, 2014
172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.28 KB | None | 0 0
  1. 1. Börja med att gå in på blogg.se. Kugghjulet --> Design -> Välj vad du ska ändra i listan. Det som står under "------- NAMN PÅ SIDA ---------" ska in på den sidan.
  2. 2. Kopiera innehållet som är för den sidan som det står. -----NAMN---- till --- SLUT PÅ "NAMN" ----
  3. 3. Spara sedan efter att du har lagt i/ersatt koden. VIKTIGT!
  4. 4. Gör om detta för varje sida.( Följ bara allt och gör varje var för sig.
  5.  
  6.  
  7.  
  8. CTRL + C = Kopiera
  9. CTRL + V = Klistra in
  10. CTRL + A = Markera Allt (Använd när du ska ersätta kod)
  11. CTRL + Z = Gå tillbaka ett steg. (tex. om du har skrivit fel och inte kommer ihåg vad som stod innan.)
  12.  
  13.  
  14. Det här är allt du behöver veta för att byta designen.
  15. Om du inte vill göra detta själv så gör jag det sen. Säg till när.
  16. - OBS! Gör detta om du gillar designen som ligger på sajten nu. - 2014-11-25 02:32
  17.  
  18.  
  19.  
  20.  
  21. ------------------------ STILMALL --------------------------------------------------------------
  22.  
  23. body
  24. {
  25. background: url(http://i.imgur.com/4jyJ80A.jpg) fixed;
  26. margin:0;
  27. padding:0px 0px;
  28. text-align:center;
  29. color:#000000;
  30. background-size: 100%;
  31. }
  32.  
  33. footer entry.url a:hover
  34. {
  35. color: #FF79E5;
  36. }
  37.  
  38. footer
  39. {
  40. border-radius: 5px;
  41. font-size: 12px;
  42. color: #FFFFFF;
  43. background: #ff4e95;
  44. padding: 5px 5px 5px 5px;
  45. margin-left: 10px;
  46. margin-right: 10px;
  47. text-align: center;
  48. }
  49.  
  50. #arkivbox
  51. {
  52. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  53. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  54. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  55. background: #FFFFFF;
  56. font-family:'Tahoma', 'Sans-serif';
  57. font-size: 17px;
  58. width: 272px;
  59. position: absolute;
  60. margin-right: auto;
  61. margin-left: auto;
  62. margin-top: 0px;
  63. margin-bottom: 4px;
  64. top: 1525px;
  65. }
  66.  
  67. #categorybox
  68. {
  69. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  70. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  71. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  72. background: #FFFFFF;
  73. width: 272px;
  74. position: absolute;
  75. margin-right: auto;
  76. margin-left: auto;
  77. margin-top: 0px;
  78. margin-bottom: 4px;
  79. top: 780px;
  80. }
  81.  
  82. /* Hide Commercials*/
  83. #EAS_ism_20094_386360_412166
  84. {width:0px; height:0px; display:none;}
  85. #ad
  86. {width:0px; height:0px; display:none;}
  87. #bse_iframe_ad
  88. {width:0px; height:0px; display:none;}
  89. #bse_iframe_ad2
  90. {width:0px; height:0px; display:none;}
  91. #ad {width:0px;height:0px;display:none;}
  92. #bloggse_panorama {width:0px;height:0px;display:none;}
  93. #EAS_ism {width:0px;height:0px;display:none;}
  94. #EAS_ism_21271_366002_383706{width:0px;height:0px;display:none;}
  95. #EAS_ism_0_364722_384433{width:0px;height:0px;display:none;}
  96. #EAS_ism_16379_386807_412752{width:0px;height:0px;display:none;}
  97. #EAS_ism_20094_386360_412166{width:0px;height:0px;display:none;}
  98. #pbeacon{width:0px;height:0px;display:none;}
  99. #bse_iframe_ad{width:0px;height:0px;display:none;}
  100. #bse_iframe_ad2{width:0px;height:0px;display:none;}
  101. #EAS_ism{width:0px;height:0px;display:none;}
  102. #iframe_4fcf16453afffea924bae29972f4d692{width:0px;height:0px;display:none;}
  103. .no-js{width:0px;height:0px;display:none;}
  104. .PubAdAI{width:0px;height:0px;display:none;}
  105. .playad-player{width:0px;height:0px;display:none;}
  106. #playad-content-4fcf16453afffea924bae29972f4d692{width:0px;height:0px;display:none;}
  107.  
  108.  
  109.  
  110. a
  111. {
  112. color:#ff4e95;text-decoration:none;
  113. }
  114.  
  115. a:hover {
  116. color:#FF69B4;text-decoration:none -webkit-transition: all 0.7s ease-out;
  117. -moz-transition: all 0.7s ease-out;
  118. transition: all 0.7s ease-out;
  119. }
  120.  
  121. }
  122. h1
  123. {
  124. font-family: 'Arial', 'Verdana' 'Sans-Serif';
  125. font-size: 2.2em;
  126. font-weight: bold;
  127. color: #FFF;
  128. margin-top:20px;
  129. margin-bottom:0px;
  130. padding:0px;
  131. }
  132.  
  133. h2
  134. {
  135. border-radius: 5px;
  136. font-family: 'Roboto', sans-serif;
  137. font-size: 30px;
  138. font-weight: 100;
  139. text-align: center;
  140. color: #FFFFFF;
  141. background: #FF4E95;
  142. margin-top: 10px;
  143. margin-bottom: 20px;
  144. margin: 50;
  145. margin-left: 10px;
  146. margin-right: 10px;
  147. }
  148.  
  149. h3
  150. {
  151. border-radius: 10px;
  152. font-family: 'Roboto', sans-serif;
  153. font-size: 40px;
  154. font-weight: 100;
  155. text-align: center;
  156. position: relative;
  157. padding: 0px 0px 0px 0px;
  158. margin-top: 10px;
  159. margin-left: 10px;
  160. width: 920px;
  161. color: #FFFFFF;
  162. background: #ff4e95;
  163. }
  164.  
  165.  
  166. .nav footer a:hover
  167. {
  168. color:#ff4e95;
  169. }
  170.  
  171.  
  172.  
  173. #header
  174. {
  175. overflow:hidden;
  176. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  177. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  178. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  179. margin: 0px;
  180. padding: 0px 0px 0px 0px;
  181. height: 800px;
  182. text-align: center;
  183. background:#FFF;
  184. width: 1191px;
  185. color:#FFFFFF;
  186. margin-bottom: 30px;
  187. border-bottom: 20px solid #fff;
  188. border-left: 20px solid #fff;
  189. border-right: 20px solid #fff;
  190. border-top: 20px solid #fff;
  191. position:relative;
  192. top: 20px;
  193. left: 320px;
  194. }
  195.  
  196. #categorybox li a
  197. {
  198. color:#000;
  199. }
  200.  
  201. #arkivbox .navheader
  202. {
  203. font-size:25px;
  204. font-weight: 100;
  205. font-family: 'Roboto', sans-serif;
  206. margin: 5px;
  207. }
  208.  
  209. #categorybox .navheader
  210. {
  211. font-size:25px;
  212. font-weight: 100;
  213. font-family: 'Roboto', sans-serif;
  214. margin: 5px;
  215. }
  216.  
  217.  
  218.  
  219. #categorybox li a:hover{
  220. color:#ff4e95;
  221. }
  222.  
  223.  
  224. .nav #arkivbox li a
  225. {
  226. color:#000;font-family: sans-serif;
  227. }
  228.  
  229. .nav #arkivbox li a:hover
  230. {
  231. color:#ff4e95;
  232. }
  233.  
  234. #container {
  235. width: 1000px;
  236. margin: 0 auto;
  237. }
  238.  
  239. #content
  240. {
  241. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  242. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  243. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  244. overflow: hidden;
  245. width: 940px;
  246. background: #FFFFFF;
  247. padding: 0px 0px 0px;
  248. text-align: center;
  249. position: absolute;
  250. float: left;
  251. right: 291px;
  252. top: -910px;
  253. }
  254.  
  255. #content article.entry
  256. {
  257. color: black;
  258. font-weight: normal;
  259. font-size: 15px;
  260. text-align:center;
  261. margin:0px auto;
  262. margin-right: 0px;
  263.  
  264. }
  265.  
  266.  
  267. #innankommentaren
  268. {
  269. color: #333;
  270. width: 800px;
  271. font-family: 'Roboto Condensed', sans-serif; New Roman", serif;
  272. font-size: 12px;
  273. text-align: center;
  274. padding: 0px 0px 20px 0px;
  275. margin: 80px 0px 20px 0px;
  276. border-top: 1px #000 solid;
  277. border-bottom: 1px #000 solid;
  278. margin-left: 60px;
  279. }
  280.  
  281. #innankommentaren a
  282. {
  283. font: -webkit-control; color:#ff4e95; text-decoration:none;
  284. }
  285.  
  286. #innankommentaren a:hover
  287. {
  288. color:#FFFFFF; text-decoration:none;
  289. }
  290.  
  291.  
  292.  
  293.  
  294.  
  295. aside#side
  296. {
  297. padding: 10px;
  298. background:#FFFFFF;
  299. -webkit-box-shadow: '0px' '0px' '5px' '1px' rgba('0','0','0','1');
  300. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  301. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  302. font-family: 'Tahoma', 'arial', sans-serif;
  303. color: #f3bef1;
  304. font-size: 20px;
  305. font-weight: 100;
  306. margin: 0px 10px 0px 10px;
  307. text-align: center;
  308. letter-spacing: 1pt;
  309. margin-right: 0px;
  310. position: absolute;
  311. width: 252px;
  312. top: 735px;
  313. height: 1400px;
  314. left: -9px;
  315.  
  316. }
  317. aside#side ul {
  318. list-style-type: none;
  319. padding:0;
  320. margin:0;
  321. }
  322.  
  323.  
  324. .nav
  325. {
  326. font-size: 16px;
  327. font-weight: bold;
  328. font-family: sans-serif;
  329. }
  330.  
  331. .nav ul
  332. {
  333. padding: 0px 0px 6px;
  334. font-weight: normal;
  335. margin: 0px;
  336. }
  337.  
  338. .nav li
  339. {
  340. list-style: none;
  341. padding: 0px 0px 2px;
  342. font-weight: normal;
  343. margin: 0px;
  344. text-align: center;
  345. }
  346.  
  347. aside#side a
  348. {
  349. font-family: 'Tahoma', sans-serif;
  350. font-weight: normal;
  351. font-size:17px;
  352. text-align:center;
  353. color:#000000;
  354. }
  355.  
  356.  
  357. strong
  358. {
  359. font-family: 'Tahoma', sans-serif;
  360. font-weight: normal;
  361. text-align:center;
  362. color:#E31DBE;
  363. }
  364.  
  365. strong nav a:hover
  366. {
  367. color::#ff4e95;
  368. }
  369.  
  370.  
  371.  
  372. aside#side a:hover
  373. {
  374. font-family: 'Tahoma', sans-serif;
  375. font-weight: normal;
  376. text-align:center;
  377. color:#ff4e95;
  378. }
  379.  
  380. .nav footer a{
  381. font-family: 'Tahoma', sans-serif;
  382. font-weight: normal;
  383. font-size:12px;
  384. text-align:center;
  385. color:#FFFFFF;
  386. }
  387.  
  388. footer a:hover
  389. {
  390. color:#ff4e95;
  391. }
  392.  
  393.  
  394. .nav a
  395. {
  396. font-weight: lighter;
  397. text-align:center;
  398. color:#FFFFFF;
  399. }
  400.  
  401. .nav a:hover
  402. {
  403. color:#ff4e95;text-decoration:none;
  404. }
  405.  
  406. .post
  407. {
  408. margin-bottom: 60px;
  409. margin-top: -40px;
  410. padding-top:5px;
  411. padding:5px;
  412. top:-900px;
  413. margin-top: 5px;
  414. }
  415.  
  416. .entrybody
  417. {
  418. font-family:arial;
  419. font-size: 15px;
  420. font-weight: normal;
  421. color: #333;
  422. line-height: 140%;
  423. text-align: center;
  424. padding: 15px;
  425. }
  426.  
  427. .entrymeta
  428. {
  429. font-family: verdana, arial, sans-serif;
  430. font-size: 12px;
  431. font-weight: normal;
  432. color:#FFFFFF;
  433. padding:0px;
  434. padding-top:10px;
  435. margin-left: 10px;
  436. margin-right: 10px;
  437. margin-bottom: 10px;
  438. text-align:center;
  439. background:#ff4e95;
  440. }
  441.  
  442.  
  443.  
  444.  
  445. .entrymeta a:hover
  446. {
  447. color: #FF69B4;text-decoration:none;
  448. }
  449.  
  450. .commenttext {
  451. font-family: verdana, arial, sans-serif;
  452. font-size: 11px;
  453. font-weight: normal;
  454. color: #000;
  455. line-height: 130%;
  456. }
  457. .commentmeta {
  458. font-family: verdana, arial, sans-serif;
  459. font-size: 10px;
  460. font-weight: normal;
  461. color: #999999;
  462. margin: 10px 0px 20px 0px;
  463.  
  464. }
  465. .commentmeta a { color: #009999; }
  466. .commentmeta a:hover { color: #FFFFFF }
  467.  
  468.  
  469.  
  470.  
  471.  
  472. .response {
  473. width: 450px;
  474. margin: -5px;
  475. font-family: verdana, arial, sans-serif;
  476. font-size: .70em;
  477. font-weight: normal;
  478. color: #71577b;
  479. border-top: 1px solid #cccccc;
  480. }
  481.  
  482. .response-by {
  483. display:none;
  484. font-family: verdana, arial, sans-serif;
  485. font-size: .60em;
  486. font-weight: normal;
  487. color: #9e8aa6;
  488. line-height: 130%;
  489. }
  490.  
  491.  
  492.  
  493.  
  494. .response-from
  495. {
  496. font-family: cursive;
  497. font-size: 11px;
  498. font-weight: normal;
  499. padding:5px;
  500. text-transform: uppercase;
  501. color: #ff4e95;
  502. text-align: center;
  503. margin-top: 0px;
  504. margin-bottom: 0px;
  505. }
  506.  
  507. .response-message
  508. {
  509. font-family: 'Roboto Condensed', sans-serif;
  510. font-size: 11px;
  511. font-weight: normal;
  512. color: #000000;
  513. text-align: left;
  514. display: inline-block;
  515. margin-left: 5px;
  516. }
  517.  
  518.  
  519.  
  520. .comment
  521. {
  522. border-left: 1px solid #666666;
  523. color: #e6b7db;
  524. font-family: 'Oswald', sans-serif;
  525. font-size: 25px;
  526. font-weight: normal;
  527. padding-left: 10px;
  528. margin-right: 10px;
  529. margin-left: 10px;
  530. text-transform: uppercase;
  531. text-align: -webkit-auto;
  532. left: 215px;
  533. position: relative;
  534. }
  535.  
  536. .comment a
  537. {
  538. color: #e6b7db;
  539. font-family: 'Oswald', sans-serif;
  540. text-align: center;
  541. }
  542.  
  543. .comment-header
  544. {
  545. text-align:center;
  546. }
  547.  
  548. .comment-body
  549. {
  550. font-family: verdana, arial, sans-serif;
  551. font-size: 11px;
  552. font-weight: normal;
  553. color: #000;
  554. margin-bottom: 20px;
  555. width: 420px;
  556. }
  557.  
  558. .comment-meta
  559. {
  560. font-family: verdana, arial, sans-serif;
  561. font-size: 9px;
  562. font-weight: normal;
  563. color: #999999;
  564. }
  565.  
  566. .comment-meta a
  567. {
  568. color: #595959; text-decoration:none;
  569. }
  570.  
  571. .comment-meta a:hover
  572. {
  573. color: #ff4e95;text-decoration:none;
  574. }
  575.  
  576.  
  577.  
  578. .commentform
  579. {
  580. font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  581. font-size: 15px;
  582. font-weight: normal;
  583. color: #FFFFFF;
  584. padding: 300px;
  585. margin-top: -40px;
  586. background: url(http://i.imgur.com/cAc7I8h.jpg) no-repeat center;
  587. display: inline-block;
  588. background-size: 450px;
  589. }
  590.  
  591. .separator
  592. {
  593. display: none;
  594. }
  595.  
  596. .default
  597. {
  598. display:none;
  599. }
  600.  
  601. .subside
  602. {
  603. font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
  604. font-size: .7em;
  605. font-weight: normal;
  606. padding: 0px 0px 0px 0px;
  607. }
  608.  
  609.  
  610. .xmlButton
  611. {
  612. border:1px solid;
  613. border-color:#FC9 #630 #330 #F96;
  614. padding:0 3px;
  615. font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
  616. color:#FFF;
  617. background:#F60;
  618. text-decoration:none;
  619. margin:0;
  620. }
  621.  
  622. .image
  623. {
  624. margin: 0px 0px 0px 0px;
  625. padding-bottom: 45px;
  626. }
  627.  
  628. .video
  629. {
  630. padding: 0px 0px 30px 30px;
  631. }
  632.  
  633. .fieldName
  634. {
  635. font-family: Verdana, Arial, Helvetica, Sans-serif;
  636. font-size: 11px;
  637. margin: 0px 0px 12px 0px
  638. }
  639.  
  640. select
  641. {
  642. font-family: Verdana, Arial, Helvetica, Sans-serif;
  643. font-size: 11px;
  644. }
  645.  
  646.  
  647.  
  648. @font-face
  649. {
  650. font-family: "Impact Label";
  651. src: url(http://static.tumblr.com/vztvxna/k2qn3w20h/impact_label.ttf);
  652. }
  653.  
  654. @font-face
  655. {
  656. font-family: "Top Secret";
  657. src: url(http://static.tumblr.com/vztvxna/T8ln3w41o/top_secret.ttf);
  658. }
  659.  
  660. }
  661. #container:after {
  662. clear: both;
  663. content: " ";
  664. display: block;
  665. height: 0;
  666. visibility: hidden;
  667. line-height: 0;
  668. }
  669.  
  670. div.social {
  671. display: inline-block;
  672. vertical-align: middle;
  673. }
  674.  
  675. label[for="comment-email"], label[for="comment-url"], label[for="comment-content"], #comment-content {
  676. display: block;
  677. }
  678. label[for="comment-email"], label[for="comment-url"], label[for="comment-content"]{
  679. margin-top: 10px;
  680. }
  681.  
  682. #comment-content
  683. {
  684. margin-bottom: 10px;
  685. }
  686.  
  687. #social
  688. {
  689. margin-top: 10px;
  690. }
  691.  
  692. .navheader
  693. {
  694. font-family: 'Wire One', sans-serif;
  695. font-size: 40px;
  696. font-weight: normal;
  697. margin-bottom: 10px;
  698. text-align: center;
  699. color:#FFFFFF;
  700. background:#FF4B9F;
  701. }
  702.  
  703. .fadein
  704. {
  705. margin-left: auto; margin-right: auto;
  706. -webkit-transition-duration: 5s; /* Safari */
  707. transition-duration: 5s;
  708. }
  709.  
  710. .fadein img
  711. {
  712. position:absolute; left:0; top:0;
  713. }
  714.  
  715. #header2
  716. {
  717. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  718. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  719. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  720. position: absolute;
  721. background: #FFFFFF;
  722. width: 272px;
  723. height: 240px;
  724. top: 1205px;
  725. left: 1279px;
  726. }
  727.  
  728.  
  729.  
  730. #instagrambox
  731. {
  732. position:absolute;
  733. width: 272px;
  734. height: 315px;
  735. top: 1461px;
  736. left: 1279px;
  737. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  738. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  739. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  740. background: #FFFFFF;
  741. text-align:center;
  742. }
  743.  
  744. .snapwidget-widget{
  745. position:relative;
  746. margin-left: 10px;
  747. }
  748.  
  749. #slideShow {
  750. margin-left: -11px;
  751. width: 272px;
  752. height: 315px;
  753. top: 1462px;
  754. left: 1159px;
  755. opacity: 1.0; /* CSS3 */
  756. -moz-opacity: 1.0; /* Older versions of Firefox */
  757. -khtml-opacity: 1.0; /* Older versions of Safari */
  758. filter: alpha(opacity=100); /* Internet Explorer */
  759. }
  760.  
  761.  
  762. #instagrambox_content
  763. {
  764. text-align:center;
  765. width: 250px;
  766. height: 250px;
  767. }
  768.  
  769.  
  770. #infobild
  771. {
  772. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  773. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  774. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  775. background: #FFFFFF;
  776. position: absolute;
  777. margin-right: auto;
  778. margin-left: auto;
  779. margin-top: 0px;
  780. margin-bottom: 4px;
  781. width: 272px;
  782. top: 1795px;
  783. height: 761px;
  784. left: 1279px;
  785. }
  786.  
  787.  
  788.  
  789. #profilbilden
  790. {
  791. position: absolute;
  792. box-shadow: 2px 2px 4px #ddd;
  793. background-size: 100% 100%;
  794. background-image: url(http://i.imgur.com/7CCjrEB.jpg);
  795. margin-right: auto;
  796. margin-left: auto;
  797. margin-top: 2px;
  798. margin-bottom: 4px;
  799. width: 255px;
  800. height: 170px;
  801. border: 3px solid white;
  802. left: 5px;
  803. top: 3px;
  804. }
  805.  
  806.  
  807.  
  808. #profilbox
  809. {
  810. -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  811. -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  812. box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  813. background: #FFFFFF;
  814. position: absolute;
  815. width: 272px;
  816. height: 305px;
  817. left: 1279px;
  818. top: 885px;
  819. }
  820.  
  821. #profiltext
  822. {
  823. background: #FFFFFF;
  824. position: absolute;
  825. font-family: 'Roboto Condensed', sans-serif;
  826. top: 179px;
  827. left: 10px;
  828. width: 245px;
  829. bottom: 0px;
  830. color: #595959;
  831. font-size: 13px;
  832. font-weight: 100;
  833. line-height: 130%;
  834. text-align: center;
  835. padding-top: 5px;
  836. }
  837.  
  838.  
  839.  
  840.  
  841. ----------------------------------- SLUT PÅ STILLMALL -------------------------------------------------------------
  842.  
  843.  
  844. ------------------------------------ STARTSIDA ---------------------------------------------------------------------
  845. <!DOCTYPE HTML>
  846. <html lang="sv">
  847. <head>
  848. {% block head %}
  849. <title>{{ blog.title }} - {{ blog.description }}</title>
  850. {{ macros.opengraph_entries(blog.description, blog, profile, entries) }}
  851. {% endblock %}
  852.  
  853. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  854. <meta name="generator" content="{{ app_url }}" />
  855. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"/>
  856. <link rel="stylesheet" href="{{ blog.blog_path }}style.css" />
  857. <link rel="alternate" href="{{ blog.blog_path }}index.rss" type="application/rss+xml" title="RSS" />
  858.  
  859.  
  860. <!--Fonts-->
  861. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  862. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  863. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100' rel='stylesheet' type='text/css'>
  864.  
  865. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  866.  
  867. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  868.  
  869. <!--End of Fonts-->
  870.  
  871. <script type="text/javascript">
  872. function hide(Lager){
  873. if(document.all){document.all[Lager].style.visibility="hidden";}
  874. if(document.getElementById){document.getElementById(Lager).style.visibility="hidden";}
  875. if(document.layers){document.layers[Lager].visibility="hide";}
  876. }
  877. </script>
  878. <script type="text/javascript">
  879. var _gaq = _gaq || [];
  880. _gaq.push(['_setAccount', 'UA-48163382-1']);
  881. _gaq.push(['_trackPageview']);
  882. (function() {
  883. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  884. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  885. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  886. })();
  887. </script>
  888. <script type="text/javascript">
  889. var _gaq = _gaq || [];
  890. _gaq.push(['_setAccount', 'UA-21620739-1']);
  891. _gaq.push(['_trackPageview']);
  892. (function() {
  893. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  894. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  895. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  896. })();
  897. </script>
  898. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  899.  
  900. <script type="text/javascript">
  901. $(function(){
  902. $('.fadein img:gt(0)').hide();
  903. setInterval(function(){
  904. $('.fadein :first-child').fadeOut(1000)
  905. .next('img').fadeIn(1000)
  906. .end().appendTo('.fadein');},
  907. 6000);
  908. });
  909. </script>
  910.  
  911.  
  912.  
  913.  
  914. <script type="text/javascript" src="/static/api.js"></script>
  915. <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  916. </head>
  917.  
  918. <body>
  919. <header id="header">
  920.  
  921.  
  922. <div class="fadein">
  923. <img src="http://i.imgur.com/gbx1s5K.jpg" width="1191" height="800" style="display:block;" />
  924. <img src="http://i.imgur.com/ADj4Wak.jpg" width="1191" height="800" />
  925. </div>
  926.  
  927.  
  928.  
  929.  
  930.  
  931. </header>
  932.  
  933.  
  934. <div id="header2">
  935. <br />
  936. <div class="navheader">FÖLJ MIG</div>
  937. <a href="http://instagram.com/sessies#"><img src="http://i.imgur.com/o6pB0Ve.png" width="80" height="80" /></a>
  938. <a href="https://www.facebook.com/Sessies.se"><img src="http://i.imgur.com/fapVcEL.png" width="80" height="80" "/> </a>
  939. <div></div>
  940. <a href="http://www.youtube.com/stoltablondiner"><img src="http://i.imgur.com/JAV0GOh.png" width="80" height="80" /></a>
  941. <a href="mailto:esempege@live.se"> <img src="http://i.imgur.com/76c4aK9.png" width="80" height="80" /></a>
  942.  
  943. </div>
  944.  
  945.  
  946. <div id="instagrambox">
  947. <div class="navheader">Instagram</div>
  948.  
  949. <iframe id="instagram_content" src="http://snapwidget.com/sl/?u=c2Vzc2llc3xpbnwyNTB8M3wzfHxub3w1fGZhZGVJbnxvblN0YXJ0fHllc3xubw==&ve=241114" title="Instagram Widget" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:270px; height:270px"></iframe>
  950.  
  951.  
  952.  
  953. </div>
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960. <div class="nav">
  961.  
  962. <div id="profilbox">
  963. <div id="profilbilden"></div>
  964. <div id="profiltext"> Sofi heter jag &amp; är en 20 årig tjej från Karlstad. Här i min blogg kan du läsa allt mellan himmel och jord. Älskar att gibba csgo &amp; att shoppa på ebay! Har även en stor passion för foto och makeup! Jag uppskattar kommentarer, och undrar du något så tveka inte på att kontakta mig! ♥ </div> </div>
  965.  
  966. <br>
  967.  
  968. <div id="infobild"> <div class="navheader">Jag fotar &amp; filmar med<br> Canon Eos 700D</div><center>
  969.  
  970. <img src="http://i.imgur.com/h3tHhA0.jpg">
  971.  
  972.  
  973. </center> <br> <div class="navheader">Jag redigerar mina bilder i Photoshop CS5</div> <center>
  974.  
  975. <img src="http://i.imgur.com/zTPaBIB.jpg" width="125" height="125">
  976.  
  977.  
  978.  
  979. </center> <br><div class="navheader">Jag redigerar mina videos i <br>Sony Vegas Pro 11.0</div> <center>
  980.  
  981. <img src="http://i.imgur.com/APgkkOX.png" width="150" height="150">
  982.  
  983.  
  984.  
  985. <div id="container">
  986. {% block content %}
  987. <div id="content">
  988. {% block entry_loop %}
  989. {% for entry in entries %}
  990. <article class="entry">
  991. <header>
  992. <h3 id="a{{ entry.id }}">
  993.  
  994. {{ entry.title }}</h3>
  995.  
  996.  
  997. </header>
  998. <section class="post">{{ entry.body }}</section>
  999. <footer>
  1000.  
  1001. <a href="{{ entry.url }}">{{ entry.title }}</a>
  1002. |
  1003. <time datetime="{{ entry.iso8601 }}" pubdate="pubdate">{{ entry.date_time.strftime("%d %b") }}, {{ entry.date_time.strftime("%H") }}:{{ entry.date_time.strftime("%M") }}</time>
  1004. |
  1005.  
  1006.  
  1007. <a href="{{ entry.url }}#comment">Kommentarer ({{ entry.comment_count }})</a>
  1008.  
  1009.  
  1010. </footer>
  1011. </article>
  1012.  
  1013. <!--### loop AD do not remove or move ###-->
  1014. {% endfor %}
  1015. {% endblock entry_loop %}
  1016. </div>
  1017. {% endblock %}
  1018.  
  1019.  
  1020. {% block side %}{% endblock %}
  1021.  
  1022.  
  1023.  
  1024. <section id="categories">
  1025. </div> <br><br>
  1026. <div id="categorybox"> <div class="navheader">Kategorier</div>
  1027. <ul>
  1028.  
  1029. <li><a href="http://sessies.se/category/20-dagar-del-1.html">20 dagar - Del 1</a></li>
  1030.  
  1031. <li><a href="http://sessies.se/category/20-dagar-del-2.html">20 dagar - Del 2</a></li>
  1032.  
  1033. <li><a href="http://sessies.se/category/20-dagar-del-3.html">20 dagar - Del 3</a></li>
  1034.  
  1035. <li><a href="http://sessies.se/category/dagens-bild.html">Dagens bild</a></li>
  1036.  
  1037. <li><a href="http://sessies.se/category/dagens-facebook-status.html">Dagens facebook status</a></li>
  1038.  
  1039. <li><a href="http://sessies.se/category/ebay.html">Ebay ♥</a></li>
  1040.  
  1041. <li><a href="http://sessies.se/category/foto.html">Foto</a></li>
  1042.  
  1043. <li><a href="http://sessies.se/category/gaming.html">Gaming ♦</a></li>
  1044.  
  1045. <li><a href="http://sessies.se/category/gastbloggare.html">Gästbloggare</a></li>
  1046.  
  1047. <li><a href="http://sessies.se/category/hiss-och-diss.html">Hiss och diss</a></li>
  1048.  
  1049. <li><a href="http://sessies.se/category/life-of-sessie.html">Life of Sessie</a></li>
  1050.  
  1051. <li><a href="http://sessies.se/category/lankbyten.html">Länkbyten</a></li>
  1052.  
  1053. <li><a href="http://sessies.se/category/mat-och-bak.html">Mat och bak</a></li>
  1054.  
  1055. <li><a href="http://sessies.se/category/naglar.html">Naglar ♥</a></li>
  1056.  
  1057. <li><a href="http://sessies.se/category/nytt-och-frascht.html">Nytt och fräscht</a></li>
  1058.  
  1059. <li><a href="http://sessies.se/category/photoshop-tips.html">Photoshop tips</a></li>
  1060.  
  1061. <li><a href="http://sessies.se/category/putte-i-parken-2012.html">Putte i parken 2012</a></li>
  1062.  
  1063. <li><a href="http://sessies.se/category/sessie-pa-rymmen.html">Sessie på rymmen</a></li>
  1064.  
  1065. <li><a href="http://sessies.se/category/sessie-testar.html">Sessie testar</a></li>
  1066.  
  1067. <li><a href="http://sessies.se/category/sessie-tipsar.html">Sessie tipsar</a></li>
  1068.  
  1069. <li><a href="http://sessies.se/category/signs-fanbilder-fans.html">Signs / fanbilder / fans</a></li>
  1070.  
  1071. <li><a href="http://sessies.se/category/signs-fanbilder-fans.html">Signs / fanbilder / fans </a></li>
  1072.  
  1073. <li><a href="http://sessies.se/category/sminkningar.html">Sminkningar</a></li>
  1074.  
  1075. <li><a href="http://sessies.se/category/stockholm.html">Stockholm</a></li>
  1076.  
  1077. <li><a href="http://sessies.se/category/svar-pa-tal-svar-pa-fragestund.html">Svar på tal / svar på frågestund</a></li>
  1078.  
  1079. <li><a href="http://sessies.se/category/tankar-och-funderingar.html">Tankar och funderingar</a></li>
  1080.  
  1081. <li><a href="http://sessies.se/category/traning.html">Träning</a></li>
  1082.  
  1083. <li><a href="http://sessies.se/category/tavlingar.html">Tävlingar</a></li>
  1084.  
  1085. <li><a href="http://sessies.se/category/videoinlagg.html">Videoinlägg</a></li>
  1086.  
  1087. <li><a href="http://sessies.se/category/webshop.html">Webshop ♥</a></li>
  1088.  
  1089. <li><a href="http://sessies.se/category/allmant.html">allmänt</a></li>
  1090.  
  1091. <li><a href="http://sessies.se/category/podd.html">podd</a></li>
  1092.  
  1093. <li><a href="http://sessies.se/category/putte-i-parken-2013.html">putte i parken 2013</a></li>
  1094.  
  1095. <li><a href="http://sessies.se/category/spanien-2014.html">spanien 2014</a></li>
  1096.  
  1097. </ul> </div>
  1098. <br>
  1099. </section>
  1100.  
  1101.  
  1102. <div id="arkivbox">
  1103. <div class="navheader">Arkiv</div>
  1104.  
  1105.  
  1106. {% set swe_months = ["", "januari", "februari", "mars", "april", "maj", "juni", "juli", "augusti", "september", "oktober", "november", "december"] %}
  1107. <ul>
  1108. {% for group in archive_months|groupby('year')|reverse %}
  1109. <li>
  1110. <a href="#">{{ group.grouper }}</a>
  1111.  
  1112.  
  1113. <ul>
  1114. {% for a in group.list|reverse %}
  1115. <li><a href="{{ a.link }}">{{ swe_months[a.month] }}</a></li>
  1116. {% endfor %}
  1117. </ul>
  1118. </li>
  1119. {% endfor %}
  1120. </ul>
  1121.  
  1122.  
  1123. </div>
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130. {% if linklist %}
  1131. <section id="links">
  1132. <h2>Länkar</h2>
  1133. <ul>
  1134. {% for link in linklist %}
  1135. <li><a href="{{ link.url }}" title="{{ link.description }}">{{ link.name }}</a></li>
  1136. {% endfor %}
  1137. </ul>
  1138. </section>
  1139. {% endif %}
  1140.  
  1141.  
  1142. </aside>
  1143.  
  1144. <img src="http://stats.blogg.se/?id={{ blog.site_id }}" width="0" height="0" alt="" />
  1145. {% block footer %}{% endblock %}
  1146.  
  1147. {% if page in ["index","archive","category"] and last_ts and page %}
  1148. <script>
  1149. if(typeof(bindContentLoader) == 'function') {
  1150. bindContentLoader('{{ page }}',$('#content'),{{ last_ts }});
  1151. }
  1152. </script>
  1153. {% endif %}
  1154. </div>
  1155. </body>
  1156. </html>
  1157.  
  1158. ---------------------------- SLUT PÅ STARTSIDA ------------------------------------------------------
  1159.  
  1160.  
  1161. ----------------------------- INLÄGGSSIDA ----------------------------------------------------------------
  1162. {% extends "index" %}
  1163.  
  1164. {% block head %}
  1165. <title>{{ blog.title }} - {{ entry.title }}</title>
  1166. {{ macros.opengraph_entry(blog, profile, entry) }}
  1167. {% endblock %}
  1168.  
  1169.  
  1170. {% block content %}
  1171. <div id="content">
  1172.  
  1173. <article class="entry">
  1174. <header>
  1175. <h3 id="a{{ entry.id }}"><a href="{{ entry.url }}">{{ entry.title }}</a></h3>
  1176. </header>
  1177. <section class="post">{{ entry.body }}</section>
  1178.  
  1179.  
  1180. <br><br>
  1181. <footer>
  1182.  
  1183. <a href="{{ entry.url }}">{{ entry.title }}</a></h3>
  1184. |
  1185. <time datetime="{{ entry.iso8601 }}" pubdate="pubdate">{{ entry.date_time.strftime("%d %b") }}, {{ entry.date_time.strftime("%H") }}:{{ entry.date_time.strftime("%M") }}</time>
  1186. |
  1187.  
  1188.  
  1189. <a href="{{ entry.url }}#comment">Kommentarer ({{ entry.comment_count }})</a>
  1190.  
  1191.  
  1192. </footer>
  1193. </article>
  1194.  
  1195. <!--### AD do not remove or move ###-->
  1196. {% if entry.comment_enabled %}
  1197. <div id="comment"></div>
  1198. {% if comments %}
  1199. <h2>Kommentarer:</h2>
  1200. {% block comment_loop %}
  1201. {% for comment in comments %}
  1202. <div class="comment">
  1203. {% if comment.avatar %}
  1204. <img class="comment-avatar" src="{{ comment.avatar }}" />
  1205. {% endif %}
  1206.  
  1207. {% if comment.name and comment.url %}
  1208. <a class="comment-header" href="{{ comment.url }}" target="_blank">{{ comment.name }}</a>
  1209. <p class="comment-meta">Skrivet den: {{ comment.date }} @ {{comment.time}}
  1210. </p>
  1211.  
  1212.  
  1213. {% elif comment.url and not comment.name %}
  1214.  
  1215.  
  1216.  
  1217.  
  1218. <a class="comment-header" href="{{ comment.url }}" target="_blank">{{ comment.url }}</a>:
  1219. {% elif comment.name %}
  1220.  
  1221.  
  1222. <span class="comment-header">{{ comment.name }}:</span>
  1223. <p class="comment-meta">Skrivet den: {{ comment.date }} @ {{comment.time}}
  1224. </p>
  1225. {% else %}
  1226. {% endif %}
  1227.  
  1228.  
  1229. <p class="comment-body">{{ comment.body }}</p>
  1230.  
  1231. </div>
  1232. {% endfor %}
  1233. {% endblock comment_loop %}
  1234.  
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240. {% endif %}
  1241.  
  1242.  
  1243. <div id="innankommentaren"> <br> <br>
  1244. » Jag fotar med min Canon 600 D. Mer om min kamerautrustning kan ni läsa <b><a href="http://sessies.se/2013/march/min-kamera-utrustning-2.html">här</a></b>. <br><br>
  1245.  
  1246. » Du är aldrig helt anonym på nätet, alla kränkande kommentarer polisanmäls.<br><br>
  1247.  
  1248. » Har du en fråga? Läs <b><a href="http://sessies.se/2013/march/aterkommande-fragor-med-svar-2.html#comment">här</a></b> först bland vanliga frågor jag brukar få. <br><br>
  1249.  
  1250. » Kontakta mig: esempege@live.se </div>
  1251. <form class="commentform" action="http://comment.publishme.se/" name="commentForm" method="post" onsubmit="doSubmit(this)">
  1252. <input type="hidden" name="commentid" value="{{ blog.site_id }};{{ entry.id }}" />
  1253. <label for="comment-author">Namn:</label><br>
  1254. <input type="text" name="author" id="comment-author" onchange="doChange(this)" value="" size="42" maxlength="255" /><br>
  1255. <input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> <label for="remember">Kom ihåg mig?</label>
  1256. <label for="comment-email">E-postadress: (publiceras ej)</label>
  1257. <input type="text" name="email" id="comment-email" onchange="doChange(this)" value="" size="42" maxlength="255" />
  1258. <label for="comment-url">URL/Bloggadress:</label>
  1259. <input type="text" name="url" id="comment-url" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
  1260. <label for="comment-content">Kommentar:</label>
  1261. <textarea name="content" id="comment-content" onchange="doChange(this)" cols="52" rows="7"></textarea>
  1262. <input class="formbutton" type="submit" name="submit" value="Skicka" />
  1263. </form>
  1264. <a href="{{ blog.blog_path }}" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a>
  1265. <br>
  1266. <br>
  1267. {% endif %}
  1268.  
  1269. </div>
  1270. {% endblock %}
  1271.  
  1272.  
  1273.  
  1274. {% block posts %}{% endblock %}
  1275.  
  1276. {% block footer %}<script src='http://publishme.se/static/js/comments.js'></script>{% endblock %}
  1277.  
  1278.  
  1279.  
  1280. --------------------------------------------- sLUT PÅ INLÄGGSSIDA-----------------------------------------------
  1281.  
  1282. --------------------------------------------- KATEGORISIDA -------------------------------------------------------
  1283. {% extends "index" %}
  1284.  
  1285. {% block head %}
  1286. <title>{{ blog.title }} - {{ category.name }}</title>
  1287. {{ macros.opengraph_entries(category.name, blog, profile, entries) }}
  1288. {% endblock %}
  1289.  
  1290. {% block side %}
  1291. <ul>
  1292. <li><a href="{{ blog.blog_path }}index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a></li>
  1293. </ul>
  1294. {% endblock %}
  1295.  
  1296. {% block posts %}{% endblock %}}
  1297.  
  1298.  
  1299. ---------------------------------------- SLUT PÅ KATEGORISIDA----------------------------------------------------
  1300.  
  1301.  
  1302. ---------------------------------------- ARKIVSIDA ----------------------------------------------
  1303.  
  1304. {% extends "index" %}
  1305.  
  1306. {% block head %}
  1307.  
  1308. <title>{{ blog.title }} - {{ archive_page.name }}</title>
  1309.  
  1310. <a href="{{ blog.blog_path }}index.html" title="Gå till startsidan"><strong>Till bloggens startsida</strong></a>
  1311.  
  1312. {{ macros.opengraph_entries(archive_page.name, blog, profile, entries) }}
  1313.  
  1314.  
  1315. {% endblock %}
  1316. {% block side %}
  1317.  
  1318. {% endblock %}
  1319.  
  1320.  
  1321. {% block posts %}{% endblock %}
  1322.  
  1323. ---------------------SLUT-----------------------------------------------------
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement