PageRenderTime 29ms CodeModel.GetById 16ms RepoModel.GetById 0ms app.codeStats 0ms

/Proyecto/templates/nuevanoticia.tpl

https://gitlab.com/xixou1/senderosmallorca
Smarty Template | 349 lines | 284 code | 65 blank | 0 comment | 3 complexity | 1de6534d3bd873941f41c6c4ee80963c MD5 | raw file
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html lang="es" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html lang="es" class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html lang="es" class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--><html lang="es" class="no-js"> <!--<![endif]-->
  6. <head>
  7. <!-- meta character set -->
  8. <meta charset="utf-8">
  9. <!-- Always force latest IE rendering engine or request Chrome Frame -->
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>Senderos de Mallorca</title>
  12. <!-- Meta Description -->
  13. <meta name="description" content="Senderos de Mallorca">
  14. <!-- Mobile Specific Meta -->
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16. <meta name="viewport" content="width=device-width, initial-scale=1">
  17. <!-- CSS
  18. ================================================== -->
  19. <!-- Fontawesome Icon font -->
  20. <link rel="stylesheet" href="css/font-awesome.min.css">
  21. <!-- bootstrap.min -->
  22. <link rel="stylesheet" href="css/jquery.fancybox.css">
  23. <!-- bootstrap.min -->
  24. <link rel="stylesheet" href="css/bootstrap.min.css">
  25. <!-- bootstrap.min -->
  26. <link rel="stylesheet" href="css/owl.carousel.css">
  27. <!-- bootstrap.min -->
  28. <link rel="stylesheet" href="css/slit-slider.css">
  29. <!-- bootstrap.min -->
  30. <link rel="stylesheet" href="css/animate.css">
  31. <!-- Main Stylesheet -->
  32. <link rel="stylesheet" href="css/main.css">
  33. <!-- Modernizer Script for old Browsers -->
  34. <script src="js/modernizr-2.6.2.min.js"></script>
  35. <style type="text/css">
  36. @font-face {
  37. font-family: mifuente;
  38. src: url("mifuente.ttf");
  39. }
  40. body{
  41. font-family: mifuente;
  42. }
  43. .ContenidoFormulario{
  44. color: ##1C1C1C;
  45. font-weight: bold;
  46. width: 50%;
  47. margin-left: 30%;
  48. margin-top: -3%;
  49. padding-bottom: 100%;
  50. }
  51. .ContenidoFormulario table{
  52. margin-top: -35%;
  53. margin-left: -55%;
  54. }
  55. .ContenidoFormulario td{
  56. padding: 1%;
  57. }
  58. .ContenidoFormulario tr{
  59. padding: 1%;
  60. padding-right: 4%;
  61. padding-left: 4%;
  62. }
  63. #TextArea{
  64. width: 100%;
  65. margin-left: 58%;
  66. margin-top: -8%;
  67. }
  68. .inputFormu{
  69. background-color: #FAFAD5;
  70. color:black;
  71. }
  72. .Formu{
  73. margin-top: 10%;
  74. margin-left: 10%;
  75. }
  76. p.consejo{
  77. font-size: 12px;
  78. }
  79. .tituloRegistro{
  80. font-size: 32px;
  81. font-weight: bold;
  82. color: #19070B;
  83. margin-bottom: 12%;
  84. margin-top: -6%;
  85. }
  86. .posicionMenu{
  87. margin-left: 95%;
  88. margin-top: -4%;
  89. width: 60%;
  90. padding: 5%;
  91. color:#DED35C;
  92. }
  93. .posicionMenu input{
  94. font-size: 14px;
  95. padding-left: 1%;
  96. }
  97. #nuevaNoticia {
  98. background: #dbd659; /* Old browsers */
  99. background: -moz-linear-gradient(top, #dbd659 0%, #eabd4b 100%); /* FF3.6-15 */
  100. background: -webkit-linear-gradient(top, #dbd659 0%,#eabd4b 100%); /* Chrome10-25,Safari5.1-6 */
  101. background: linear-gradient(to bottom, #dbd659 0%,#eabd4b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  102. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd659', endColorstr='#eabd4b',GradientType=0 ); /* IE6-9 */
  103. }
  104. #BotonEnviar{
  105. position: absolute;
  106. margin-top: 1%;
  107. padding-top: 10%;
  108. margin-top: -10%;
  109. margin-left: 10%;
  110. }
  111. #Archivos{
  112. padding-top: 2%;
  113. margin-bottom: 22%;
  114. margin-left: -55%;
  115. }
  116. .prueba{
  117. margin-left:-15%;
  118. margin-right: -25%;
  119. }
  120. </style>
  121. <script type="text/javascript">
  122. function logof(){
  123. window.location.href = "logof.php";
  124. }
  125. function index(){
  126. window.location.href = "index.php";
  127. }
  128. function nuevaRuta(){
  129. window.location.href = "nuevaruta.php";
  130. }
  131. function nuevaNoticia(){
  132. window.location.href = "nuevanoticia.php";
  133. }
  134. </script>
  135. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  136. <script>
  137. $(document).ready(function(){
  138. $('div.posicionMenu').hide();
  139. $("a.Ocultame").click(function(){
  140. if($('a.Ocultame').attr("id") == "oculto"){
  141. $('div.posicionMenu').show();
  142. $('a.Ocultame').attr("id","visible");
  143. }else{
  144. $('div.posicionMenu').hide();
  145. $('a.Ocultame').attr("id","oculto");
  146. }
  147. });
  148. });
  149. </script>
  150. </head>
  151. <body>
  152. <!-- START BLOCK : menu1 -->
  153. <header id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
  154. <div class="container">
  155. <nav class="collapse navbar-collapse navbar-right" role="navigation">
  156. <ul id="nav" class="prueba nav navbar-nav">
  157. <li><a href="index.php" onclick="index()">Home</a></li>
  158. <li><a href="logof.php">Rutas</a></li>
  159. <li><a href="#" onclick="noticias()">Noticias</a></li>
  160. <li><a href="#">Leyes y prohibiciones</a></li>
  161. <li><a href="#" onclick="nuevaRuta()">Agregar nueva Ruta</a></li>
  162. <li><a href="#" onclick="nuevaNoticia()">Agregar nueva Noticia</a></li>
  163. <li><a href="#">Entrenamiento</a></li>
  164. <li><a href="#">Bienvenido, {nombre}</a></li>
  165. <li><a href="logof.php" onclick="logof()">Desconectar</a></li>
  166. </ul>
  167. </nav>
  168. </div>
  169. </header>
  170. <!-- END BLOCK : menu1 -->
  171. <!-- START BLOCK : banner1 -->
  172. <main class="site-content" role="main">
  173. <section id="home-slider">
  174. <div id="slider" class="sl-slider-wrapper">
  175. <div class="sl-slider">
  176. <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
  177. <div class="bg-img bg-img-1"></div>
  178. <div class="slide-caption">
  179. <div class="caption-content">
  180. <h2 class="animated fadeInDown">Senderos de Mallorca</h2>
  181. <span class="animated fadeInDown">Rutas y excursiones por los senderos de Mallorca</span>
  182. <a href="#" class="btn btn-blue btn-effect">Bienvenido, {nombre}</a>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
  187. <div class="bg-img bg-img-2"></div>
  188. <div class="slide-caption">
  189. <div class="caption-content">
  190. <h2>Senderos de Mallorca</h2>
  191. <span>Rutas y excursiones por los senderos de Mallorca</span>
  192. <a href="#" class="btn btn-blue btn-effect">Bienvenido, {nombre}</a>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
  197. <div class="bg-img bg-img-3"></div>
  198. <div class="slide-caption">
  199. <div class="caption-content">
  200. <h2>BLUE Onepage HTML5 Template</h2>
  201. <span>Clean and Professional one page Template</span>
  202. <a href="#" class="btn btn-blue btn-effect">Bienvenido, {nombre}</a>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <nav id="nav-arrows" class="nav-arrows hidden-xs hidden-sm visible-md visible-lg">
  208. <a href="javascript:;" class="sl-prev">
  209. <i class="fa fa-angle-left fa-3x"></i>
  210. </a>
  211. <a href="javascript:;" class="sl-next">
  212. <i class="fa fa-angle-right fa-3x"></i>
  213. </a>
  214. </nav>
  215. <nav id="nav-dots" class="nav-dots visible-xs visible-sm hidden-md hidden-lg">
  216. <span class="nav-dot-current"></span>
  217. <span></span>
  218. <span></span>
  219. </nav>
  220. </div>
  221. </section>
  222. <!-- END BLOCK : banner1 -->
  223. <!-- START BLOCK : subida -->
  224. <section id="nuevaNoticia">
  225. <div class="ContenidoFormulario">
  226. <div class="Formu">
  227. <form class="form-horizontal" action='' method="POST" enctype='multipart/form-data'>
  228. <fieldset>
  229. <div class="tituloRegistro">
  230. <p class="">Registro de nueva Noticia</p>
  231. </div>
  232. <div class="control-group">
  233. <!-- Titulo -->
  234. <label class="control-label" for="username">Titulo</label>
  235. <div class="controls">
  236. <input type="text" name="titulo" id="titulo" placeholder="" class="inputFormu" required>
  237. </div>
  238. </div>
  239. <div class="control-group">
  240. <!-- Descripcion -->
  241. <label class="control-label" for="username">Descripcion</label>
  242. <div class="controls">
  243. <input type="text" name="descripcion" id="descripcion" placeholder="" class="inputFormu" required>
  244. </div>
  245. </div>
  246. <div class="control-group">
  247. <!-- Duracion -->
  248. <label class="control-label" for="username">Link</label>
  249. <div class="controls">
  250. <input type="text" name="link" id="link" placeholder="" class="inputFormu" required>
  251. </div>
  252. <div id="BotonEnviar">
  253. <div id="Archivos">
  254. <input type="file" name="fichero" multiple="multiple" required>
  255. </div>
  256. <div class="btnPosicion">
  257. <!-- Button -->
  258. <div class="controls">
  259. <button class="btn btn-success" name="Subida">Enviar</button>
  260. </div>
  261. </div>
  262. </div>
  263. </fieldset>
  264. </form>
  265. </div>
  266. </div>
  267. </div>
  268. </section>
  269. <!-- END BLOCK : subida -->
  270. <!-- START BLOCK : jquery -->
  271. <script src="js/jquery-1.11.1.min.js"></script>
  272. <script src="js/bootstrap.min.js"></script>
  273. <script src="js/jquery.singlePageNav.min.js"></script>
  274. <script src="js/jquery.fancybox.pack.js"></script>
  275. <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  276. <script src="js/owl.carousel.min.js"></script>
  277. <script src="js/jquery.easing.min.js"></script>
  278. <script src="js/jquery.slitslider.js"></script>
  279. <script src="js/jquery.ba-cond.min.js"></script>
  280. <script src="js/wow.min.js"></script>
  281. <script src="js/main.js"></script>
  282. <!-- END BLOCK : jquery -->
  283. </body>
  284. </html>