API tools faq
paste
Advertisement
Guest User

7

a guest
Jul 11th, 2014
171
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. #form-send, .form-info h3 {
  3. background: #fcfcfc;
  4. border: 1px solid #ddd;
  5. -moz-border-radius: 2px;
  6. -webkit-border-radius: 2px;
  7. border-radius: 2px;
  8. }
  9. #form-send select, .form-info h3 {
  10. font: 16px bold arial, tahoma, georgia;
  11. }
  12. .form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
  13. #form-send select {
  14. min-width: 150px;
  15. padding: 4px;
  16. cursor: pointer;
  17. outline: none;
  18. border: 1px solid #e0e0e0;
  19. background: white;
  20. }
  21. .warn {
  22. background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
  23. border: 1px solid #e599aa;
  24. margin: 3px 0;
  25. color: #80001c;
  26. padding: 1em;
  27. }
  28. fieldset.form-div dt {
  29. padding: 5px 0;
  30. }
  31. fieldset.form-div dt {
  32. float: left;
  33. font: 15px bold arial, tahoma, georgia;
  34. width: 13em;
  35. }
  36. fieldset.form-div dd {
  37. margin-left: 10em;
  38. }
  39. fieldset.form-div dl:nth-child(odd) {
  40. background: #f5f8fa !important;
  41. }
  42. fieldset.form-div dl:nth-child(even) {
  43. background: #fff;
  44. }
  45. fieldset.form-div input {
  46. -moz-border-radius: 1px;
  47. -webkit-border-radius: 1px;
  48. border-radius: 1px;
  49. outline: none;
  50. border: 1px solid #f0f0f0;
  51. padding: 5px;
  52. }
  53. #countitle {
  54. background: white;
  55. color: #D60B8C;
  56. border: 1px solid #e0e0e0;
  57. padding: 5px;
  58. border-radius: 3px;
  59. }
  60. fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
  61. fieldset.form-div dl:after {
  62. clear: both;
  63. content: '.';
  64. display: block;
  65. height: 0px;
  66. visibility: hidden;
  67. }
  68. #form-send .area .buttons {
  69. -moz-background-clip: padding;
  70. -moz-border-radius: 3px 3px 0 0;
  71. -moz-user-select: none;
  72. -ms-user-select: none;
  73. -webkit-background-clip: padding-box;
  74. -webkit-border-radius: 3px 3px 0 0;
  75. -webkit-user-select: none;
  76. background: #f7f7f7;
  77. background-clip: padding-box;
  78. border: 1px solid silver;
  79. border-radius: 3px 3px 0 0;
  80. line-height: 0;
  81. width: 100%;
  82. overflow: hidden;
  83. padding: 3px 5px 2px;
  84. }
  85. #form-send .area {
  86. display: inline-block;
  87. min-height: 330px;
  88. z-index: 3;
  89. width: 63%;
  90. }
  91. #form-send .description {
  92. display: inline-block;
  93. z-index: 3;
  94. min-height: 200px;
  95. position: absolute;
  96. background: white;
  97. margin: 0 0 0 20px;
  98. line-height: 18px;
  99. color: #000000;
  100. font-family: Calibri, sans-serif;
  101. font-size: 16px;
  102. font-style: normal;
  103. font-variant: normal;
  104. font-weight: normal;
  105. padding: 1em;
  106. -moz-border-radius: 3px;
  107. -webkit-border-radius: 3px;
  108. border-radius: 3px;
  109. border: 1px solid silver;
  110. width: 17%;
  111. }
  112. #form-send .area .buttons .button2 {
  113. background: white;
  114. cursor: pointer;
  115. outline: none;
  116. -moz-border-radius: 3px;
  117. -webkit-border-radius: 3px;
  118. border-radius: 3px;
  119. border: 1px solid #e0e0e0;
  120. padding: 3px;
  121. }
  122. #form-send .area .buttons .button2:hover {border-color: #707070;}
  123. #form-send .textarea_nc #textarea {
  124. min-height: 200px;
  125. color: #111;
  126. font-family: Verdana, Arial, Helvetica, sans-serif;
  127. font-size: 13px;
  128. overflow: auto;
  129. border: 0;
  130. outline: none;
  131. width: 100%;
  132. }
  133. #form-send .btns {
  134. background: #f5f5f5;
  135. border-top: 1px solid #d7d7d7;
  136. padding: 10px;
  137. text-align: center;
  138. }
  139. #form-send .area .textarea_nc {
  140. background: white;
  141. min-height: 200px;
  142. cursor: se-resize;
  143. -moz-border-radius: 0 0 3px 3px;
  144. -webkit-border-radius: 0 0 3px 3px;
  145. border-radius: 0 0 3px 3px;
  146. overflow: hidden;
  147. padding: 3px 5px 2px;
  148. border: 1px solid silver;
  149. border-top: 0;
  150. width: 100%;
  151. }
  152. #pr-modal {
  153. position: fixed;
  154. background-color: #3e3e3e;
  155. height: 100%;
  156. width: 100%;
  157. top: 0px;
  158. left: 0px;
  159. z-index: 100;
  160. opacity: 0.5;
  161. }
  162. #pr-questao {
  163. background-color: #464646;
  164. background-color: rgba(70, 70, 70, 0.6);
  165. padding: 4px;
  166. -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  167. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  168. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  169. -moz-border-radius: 4px;
  170. -webkit-border-radius: 4px;
  171. border-radius: 4px;
  172. position: absolute;
  173. z-index: 101;
  174. width: 70%;
  175. left: 14.5%;
  176. top: 50%;
  177. margin-top: -58px;
  178. }
  179. #pr-questao .postm {
  180. background: #fff;
  181. border: 1px solid #eee;
  182. -moz-border-radius: 2px;
  183. -webkit-border-radius: 2px;
  184. border-radius: 2px;
  185. }
  186. #pr-questao .pr-clo {
  187. background: url(http://i.imgur.com/qRr3WvV.png) no-repeat;
  188. cursor: pointer;
  189. height: 16px;
  190. width: 16px;
  191. float: right;
  192. }
  193. </style><script>
  194. $(document).ready(function() {
  195. $('#send').click(function() {
  196. if($('#titulo').val()!=='' && $('#endereco').val()!=='' && $('#versao').val()!=='' && $('#textarea').val()!=='') {
  197. var titulo = $('#titulo').val();
  198. var endereco = $('#endereco').val();
  199. var versao = $('#versao').val();
  200. var texto = $('#textarea').val();
  201. final = '[b]Minha questão:[/b]\n[quote]'+texto+'[/quote]\n[hr]\n[b]Endereço do meu fórum:[/b]\n'+endereco+'\n\n[b]Versão:[/b]\n'+versao+'';
  202. $('input[name="subject"]').val(titulo);
  203. $('input[name="message"]').val(final);
  204. $('#send2').click();
  205. $('#form-send').slideUp(300);
  206. $('#enviando').slideDown(500);
  207. }
  208. else {
  209. $('.alert').slideUp(1);
  210. $('.alert').slideDown(500);
  211. }
  212. });
  213. $('#prevquestion').click(function() {
  214. var titulo = $('#titulo').val();
  215. var endereco = $('#endereco').val();
  216. var versao = $('#versao').val();
  217. var texto = $('#textarea').val();
  218. final = '<b>Minha questão:</b><br /><blockquote><div>'+texto+'</div></blockquote><br /><hr /><br /><b>Endereço do meu fórum:</b><br />'+endereco+'<br /><br /><b>Versão:</b><br />'+versao+'';
  219. $('#pr-modal').fadeIn(300);
  220. $('#pr-questao').slideDown(500);
  221. $('#pr-questao .entry-content').html(final);
  222. });
  223. $('.pr-clo').click(function() {
  224. $('#pr-modal').fadeOut(800);
  225. $('#pr-questao').slideUp(500);
  226. });
  227. $('#apagar-td').click(function() {
  228. $('#form-send input[type="text"],#form-send textarea').val('');
  229. });
  230. $('#titulo').keyup(function() {
  231. var tvalue = document.getElementById('titulo').value.length;
  232. var icnt = document.getElementById('countitle');
  233. if(tvalue < 10 && tvalue > 0) {
  234. var l = tvalue-10;
  235. icnt.innerHTML='O título necessita mais '+l*-1+' caracteres';
  236. }
  237. else {
  238. icnt.innerHTML='';
  239. }
  240. });
  241. });
  242. </script>
  243. <div id="pr-modal" style="display: none;">
  244. </div>
  245.  
  246. <div id="pr-questao" style="display: none;">
  247. <span class="pr-clo"></span>
  248. <div class="postm">
  249.  
  250. <div class="post-entry">
  251.  
  252. <div class="entry-content">
  253.  
  254. </div>
  255.  
  256. </div>
  257.  
  258. </div>
  259.  
  260. </div>
  261. <div class="form-info">
  262.  
  263. <h3>
  264. Formulário de Dúvidas sobre Programação
  265. </h3><br />
  266. <div class="warn alert" style="display: none">
  267. É necessário preencher todos os campos em branco.
  268. </div>
  269.  
  270. </div>
  271.  
  272. <div class="warn">
  273. <strong>Nota:</strong> Antes de postar, <a href="/search" target="_blank">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.
  274. </div>
  275. <form action="/post" method="post" name="post" id="form-send" class="bestskins" enctype="multipart/form-data">
  276. <fieldset class="form-div"> <dl><dt></dt> <label></label>Título da questão: <dd> <input style="clear: both;width: 400px;" id="titulo" placeholder="Título da sua questão" type="text" /> </dd></dl></fieldset>
  277. <div id="countitle" style="display: inline;">
  278.  
  279. </div><fieldset class="form-div"><dl></dl><dd></dd> <dl></dl><dt></dt> <label></label>Endereço do fórum: <dd></dd> <input style="clear: both;width: 400px;" id="endereco" value="http://" type="text" /> <dl></dl><dt></dt> <label></label>Versão do fórum: <dd></dd> <select class="inputbox" id="versao"></select> <option value="PunBB"></option>PunBB <option value="Phpbb3"></option>Phpbb3 <option value="Phpbb2"></option>Phpbb2 <option value="Invision"></option>Invision <dl><dt></dt> <label></label>Descrição do tópico: <dd> </dd></dl></fieldset>
  280. <div class="area">
  281.  
  282. <div class="buttons">
  283.  
  284. <button class="button2" onclick="bbcode_tag('[b]','[/b]')" type="button" id="addbbcode0" title="Negrito">
  285. <img src="http://imgur.com/z2xtYUE.png" alt="Negrito" title="Negrito" />
  286. </button>
  287.  
  288. <button class="button2" onclick="bbcode_tag('[i]','[/i]')" type="button" id="addbbcode2" title="Itálico">
  289. <img src="http://imgur.com/EcEpCJ9.png" alt="Itálico" title="Itálico" />
  290. </button>
  291.  
  292. <button class="button2" onclick="bbcode_tag('[u]','[/u]')" type="button" id="addbbcode4" title="Underline">
  293. <img src="http://imgur.com/i6Ergr1.png" alt="Underline" title="Underline" />
  294. </button>
  295.  
  296. <button class="button2" onclick="bbcode_tag('[strike]','[/strike]')" type="button" id="addbbcode5" title="Strike">
  297. <img src="http://i.imgur.com/hWWoJSN.png" alt="Strike" title="Strike" />
  298. </button>
  299.  
  300. <button class="button2" onclick="bbcode_tag('[left]','[/left]')" type="button" id="addbbcode52" title="Esquerda">
  301. <img src="http://illiweb.com/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda" />
  302. </button>
  303.  
  304. <button class="button2" onclick="bbcode_tag('[center]','[/center]')" type="button" id="addbbcode30" title="Centralizar">
  305. <img src="http://illiweb.com/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar" />
  306. </button>
  307.  
  308. <button class="button2" onclick="bbcode_tag('[right]','[/right]')" type="button" id="addbbcode32" title="Direita">
  309. <img src="http://illiweb.com/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita" />
  310. </button>
  311.  
  312. <button class="button2" onclick="bbcode_tag('[justify]','[/justify]')" type="button" id="addbbcode33" title="Justificado">
  313. <img src="http://illiweb.com/fa/wysiwyg/text_align_justify.png" alt="Justificado" title="Justificado" />
  314. </button>
  315.  
  316. <button class="button2" onclick="bbcode_tag('[code]','[/code]')" type="button" id="addbbcode41" title="code">
  317. <img src="http://i.imgur.com/LEJ7qoj.png" alt="Code" title="Code" />
  318. </button>
  319.  
  320. <button class="button2" onclick="bbcode_tag('[list][*]','[/list]')" type="button" id="addbbcode10" title="-Lista">
  321. <img src="http://illiweb.com/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista" />
  322. </button>
  323.  
  324. <button class="button2" onclick="bbcode_tag('[list=1][*]','[/list]')" type="button" id="addbbcode12" title="Lista ordenada">
  325. <img src="http://illiweb.com/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada" />
  326. </button>
  327.  
  328. <button class="button2" onclick="bbcode_tag('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem">
  329. <img src="http://illiweb.com/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem" />
  330. </button>
  331.  
  332. <button class="button2" onclick="bbcode_tag('[url=','][/url]')" type="button" id="addbbcode16" title="Link">
  333. <img src="http://illiweb.com/fa/wysiwyg/link.png" alt="Link" title="Link" />
  334. </button>
  335.  
  336. </div>
  337.  
  338. <div class="textarea_nc">
  339. <textarea id="textarea" class="inputbox"></textarea>
  340. </div>
  341.  
  342. </div><fieldset class="form-div"><dl><dd> </dd> </dl> </fieldset>
  343. <div class="btns">
  344. <input name="subject" type="hidden" /> <input name="message" type="hidden" /> <input name="mode" value="newtopic" type="hidden" /> <input name="f" value="12" type="hidden" /> <input name="lt" value="0" type="hidden" /> <input value="Enviar" id="send" name="post" type="button" /> <input value="Pré-visualizar" id="prevquestion" type="button" /> <input value="Apagar tudo" id="apagar-td" type="button" /> <input style="display: none;" id="send2" name="post" type="submit" />
  345. </div>
  346. </form>
  347. <div id="enviando" style="display:none;">
  348.  
  349. <center>
  350. <img src="http://illiweb.com/fa/admin/wait_preview.gif" alt="carregando" title="enviando..." /><br /> <span class="conteudo_texto">enviando...</span>
  351. </center>
  352. </div><script>
  353. function bbcode_tag(o,c){
  354. var t=jQuery('#textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val().substring(t[0].selectionStart,t[0].selectionEnd)+c+t.val().substring(t[0].selectionEnd,t.val().length))};</script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!