Guest User

rm topik dizajn

a guest
Aug 27th, 2014
247
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.99 KB | None | 0 0
  1. Hosszú cím:
  2. ________________________________________________________________________
  3.  
  4. <div id="fejkep"> <div id="hirkont"><div id="output"></div></div></div>
  5. ________________________________________________________________________
  6.  
  7. CSS:
  8. ________________________________________________________________________
  9.  
  10. #content,#forum-posts-list .body {
  11. background:#fff;
  12. }
  13.  
  14. #fejkep {
  15. width:918px;
  16. height:280px;
  17. background:url(http://img01.darkweb.hu/images/201408/27/271253581.jpg) no-repeat top center;
  18. border-top-left-radius:10px;
  19. }
  20.  
  21. #hirkont {
  22. width:430px;
  23. margin-right:10px;
  24. margin-top:52px;
  25. float:right;
  26. }
  27.  
  28. #menu-family {
  29. color:#fff;
  30. }
  31.  
  32. #form-post.full textarea {
  33. border:1px solid #ccc;
  34. background-color:#f2f2f2;
  35. min-height:50px;
  36. width:918px;
  37. padding:5px;
  38. border-top-left-radius:10px;
  39. border-bottom-right-radius:10px;
  40. }
  41.  
  42. #forum-codes button.smallButton {
  43. background:#020308;
  44. border:solid 1px grey;
  45. border-top-left-radius:10px;
  46. border-bottom-right-radius:10px;
  47. color:#fff;
  48. padding:0 8px;
  49. }
  50.  
  51. #forum-codes button.smallButton:hover {
  52. background:#02519e;
  53. }
  54.  
  55. #post-submit {
  56. position:relative;
  57. top:-32px;
  58. left:-10px;
  59. background:#b42b6f;
  60. border:solid 1px grey;
  61. border-top-left-radius:10px;
  62. border-bottom-right-radius:10px;
  63. color:#fff;
  64. padding:5px 15px;
  65. font-weight:500;
  66. }
  67.  
  68. #forum-posts-list .header,#forum-posts-list .post-answer .header {
  69. background:#4c4c4c;
  70. background:-moz-linear-gradient(top,#4c4c4c 0%,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  71. background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4c4c4c),color-stop(12%,#595959),color-stop(25%,#666),color-stop(39%,#474747),color-stop(50%,#2c2c2c),color-stop(51%,#000),color-stop(60%,#111),color-stop(76%,#2b2b2b),color-stop(91%,#1c1c1c),color-stop(100%,#131313));
  72. background:-webkit-linear-gradient(top,#4c4c4c 0%,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  73. background:-o-linear-gradient(top,#4c4c4c 0%,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  74. background:-ms-linear-gradient(top,#4c4c4c 0%,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  75. background:linear-gradient(to bottom,#4c4c4c 0%,#595959 12%,#666 25%,#474747 39%,#2c2c2c 50%,#000 51%,#111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  76. }
  77.  
  78. #hirlista {
  79. background:#020308;
  80. border:solid 1px grey;
  81. padding:3px 8px;
  82. border-top-left-radius:10px;
  83. border-bottom-right-radius:10px;
  84. margin-bottom:5px;
  85. color:#fff;
  86. }
  87.  
  88. #hirlista:hover {
  89. background:#fff;
  90. text-decoration:none;
  91. color:#000;
  92. }
  93. ________________________________________________________________________
  94.  
  95. Javascript:
  96. ________________________________________________________________________
  97.  
  98. $("body").css("background", "url('http://img01.darkweb.hu/images/201408/27/271042391.jpg') top center no-repeat #020308");
  99.  
  100. $(document).ready(function(){
  101. // Data object: RSS feed URL, number of entries to return, result format, API version
  102. var data = {
  103. q: 'http://feeds.feedburner.com/madridom'
  104. , num: 6
  105. , output: 'json'
  106. , v: '1.0'
  107. };
  108.  
  109. // AJAX call to Google Feed API which converts ATOM/RSS feed to JSON
  110. $.ajax({
  111. url:'http://ajax.googleapis.com/ajax/services/feed/load'
  112. ,type : "GET"
  113. ,dataType : "jsonp"
  114. ,data: data
  115. ,success: function (json) {
  116. var feed = json.responseData.feed;
  117. if(!feed) return;
  118. var entries = feed.entries;
  119. if(!entries) return;
  120.  
  121. var html = '';
  122. for( var i=0; i<entries.length; i++){
  123. html += '<a target="_blank" href="'+ entries[i].link +'"><div id="hirlista">'+ entries[i].title +'</div></a>';
  124. };
  125.  
  126. $('#output').html( html);
  127. }
  128. });
  129. })
Advertisement
Add Comment
Please, Sign In to add comment