tati 12 yıl önce
ebeveyn
işleme
c48efb1b9f
7 değiştirilmiş dosya ile 70 ekleme ve 49 silme
  1. BIN
      Images/icons/control.png
  2. 13 3
      css/especificos.css
  3. 15 10
      css/productos.css
  4. 27 29
      index.php
  5. 1 1
      listaprod.php
  6. 6 0
      productos.php
  7. 8 6
      vermas.php

BIN
Images/icons/control.png


+ 13 - 3
css/especificos.css

@@ -252,24 +252,34 @@ html, body
     
 }
 */
+
 .titulo_curso{
 	font-family:  'Champagne and Limousine';
 	font-size: 19pt;
 	color: #465A68;
 	text-align: center;
+	cursor: pointer;
 	
 }
 .descripcion_curso{
 
-  margin: 0 30px;
+  margin: 0px auto;
+width: 70%;
    font-family: 'Open Sans'/*'Raleway', sans-serif*/;
    font-size: 16px;
-   text-align: center;
+   text-align: justify;
    /*letter-spacing: 2px;*/
    color: #465A68;/*#7196A6*/ 
    font-weight: 300;
    line-height: 23px;
   margin-bottom:40px;
+  display: none;
+  
+}
+.descripcion_curso i {
+	text-align: center;
+	font-size: 16pt;
+	text-decoration: underline;
 }
 
 #cursos{
@@ -473,7 +483,7 @@ h1
    font-weight:normal;
    width: 100%; 
    text-align: center; 
-   border-bottom: 0.5px solid #465A68; 
+   border-bottom: 1px solid #465A68; 
    line-height: 0.1em;
    font-family:  'Champagne and Limousine';
    margin: 30px auto;  

+ 15 - 10
css/productos.css

@@ -117,18 +117,23 @@ margin-top: 50px;
 	font-family:'Open Sans';
 	font-size:14px;
 }
+
+
 #descripcion_completa{
-	z-index:11;
-	position: fixed;
-	background-color: white;
 	width: 70%;
-	height: auto;
-	display:none;
-	top: 0px;
-	left: 0px;
-	padding: 40px 40px;
-	top: 100px;
-	left:190px;
+    position: fixed;
+    left: 40%;
+    margin: 0 0 0 -25%;
+    z-index: 11;
+    background: #FFF;
+    padding: 20px 30px 20px 30px;
+    font-family: 'Open Sans';
+    font-size: 14px;
+    color: #2B4C5F ;
+    border:1px solid #2B4C5F;
+	display: none;
+    -webkit-text-stroke: 0.50px;
+	
 }
 
 #descripcion_completa > texto{

+ 27 - 29
index.php

@@ -10,6 +10,10 @@ header('Content-Type: text/html; charset=UTF-8');
     </script>
     <script type="text/javascript">
 	    $(document).ready(function () {
+			$(".titulo_curso").click(function(){
+				$(".descripcion_curso[tatosa="+$(this).attr("tatosa")+"]").slideToggle(400);
+			});
+		
 			$("#overlay-contact").css("height",$(document).height()+"px");
             $('.contact').click(function(event){
                 event.preventDefault();
@@ -168,14 +172,15 @@ header('Content-Type: text/html; charset=UTF-8');
 	</div>
 	<div class="descripciones">
 	
-		<div id="control" class="descripcion">
-			<img src="Images/icons/control.png"><br/><br/>
-			Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.
-		</div>
 		<div id="integridad" class="descripcion">
 			<img src="Images/icons/integridad.png"><br/><br/>
 			Vehículos especializados para preservar la integridad de las fórmulas y evitar procesos de sensibilización.
 		</div>
+		<div id="control" class="descripcion">
+			<img src="Images/icons/control.png"><br/><br/>
+			Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.
+		</div>
+		
 	</div>
    
     </div>
@@ -183,20 +188,8 @@ header('Content-Type: text/html; charset=UTF-8');
     <div class="seccion" id="actividades">
     <br /><br />
         <h1><span>ACTIVIDADES</span></h1>
-        <div class="descripciones">
-			<div id="congresos" class="descripcion">
-				<img src="Images/icons/congreso.png"><br/><br/>
-				Congresos
-			</div>
-			<div id="noticias" class="descripcion">
-				<img src="Images/icons/noticias.png"><br/><br/>
-				Novedades
-			</div>
-			<div id="noticias" class="descripcion">
-				<img src="Images/icons/notas.png"><br/><br/>
-				Notas
-			</div>
-		</div>
+		<p>
+		</p>
     </div>
 
 
@@ -205,14 +198,13 @@ header('Content-Type: text/html; charset=UTF-8');
 	<div id="curso">	
     <h1><span>CURSOS</span></h1>
 
-	<p>
+	<p style="margin-top: 60px; margin-bottom: 10px;">
 	<b>Garantía de calidad en formación profesional.</b><br/><br/>
 	<i>Haga click en alguno de los siguientes cursos para acceder al contenido</i><br/><br/>
 	
 
-
-<div class="titulo_curso">Especialización en Dermatocosmiatría, curso anual</div>
-<div class="descripcion_curso">
+<div class="titulo_curso" tatosa="banana">Especialización en Dermatocosmiatría, curso anual</div>
+<div class="descripcion_curso" tatosa="banana">
 La incorporación de nuevos métodos y tecnologías ha transformado completamente los tratamientos estéticos.<br/>
 La aplicación de fuentes de luz u otras terapias físicas como la radiofrecuencia, microcorrientes, electroestimulación facial, terapias de frio, métodos sinérgicos de aplicación de activos, maniobras adecuadas de acuerdo a la anatomía muscular y fisiología de la piel, han supuesto un antes y un después en la mayoría de los tratamientos.<br/>
 La elaboración de protocolos de práctica con base en el estudio profundo de la piel, constituye otro avance metodológico que ha incrementado los buenos resultados, incluso con las antiguas terapias y tecnologías.<br/>
@@ -220,23 +212,29 @@ El intercambio de experiencias, así como la formación, específica, científic
 Este avance debe fundamentarse en una buena formación de las profesionales que la practican y en la mejor evidencia científica de los tratamientos que se aplican.<br/>
 El principal objetivo debe ser ofrecer un tratamiento eficaz y seguro que mejore el bienestar.<br/>
 En  el transcurso de la Especialización, podrán intercambiar opiniones con docentes de experiencia calificada que las acompañarán a lo largo del año brindándoles todo su apoyo en la formación. <br/>
-Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmiatría, Profesionales de la Estética.<br/></div>
-
-
-<div class="titulo_curso">Rejuvenecimiento facial con métodos no invasivos</div>
-<div class="descripcion_curso">
+Dirigido a: Cosmetólogas, Cosmiatras, Técnicas Universitarias en Dermatocosmiatría, Profesionales de la Estética.<br/>
+<i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
+</div>
+<div class="titulo_curso" tatosa="apestosa">Rejuvenecimiento facial con métodos no invasivos</div>
+<div class="descripcion_curso" tatosa="apestosa">
 Este curso está destinado a profesionales de la ciencia estética, cosmetología y cosmiatría, para trabajar en conjunto frente a una de las afecciones más tratadas en el consultorio “El rejuvenecimiento facial con métodos no invasivos” y toda la problemática que conlleva los cambios propios de la piel en el transcurso de la vida.
 Nuestra intención es brindar alta capacitación trabajando siempre en elevar el  compromiso profesional que nos ayudará a definir protocolos indicados para cada necesidad, de última tecnología y realizar un trabajo de excelencia, siempre basados en el conocimiento científico.
+<br>
+<i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
 </div>
-<div class="titulo_curso">Drenaje Linfático Manual</div>
-<div class="descripcion_curso">
+<div class="titulo_curso" tatosa="deliciosa">Drenaje Linfático Manual</div>
+<div class="descripcion_curso" tatosa="deliciosa">
 El Drenaje Linfático Manual es un método de terapia física descongestiva, cuya función es la activación del funcionamiento del Sistema Linfático superficial, para mejorar la eliminación del líquido intersticial y las moléculas de gran tamaño, optimizando su evacuación.
 Su acción está basada en un profundo estudio de la anatomía y fisiología del sistema linfático. Aplicado correctamente, trabajando en una serie protocolizada de maniobras manuales muy suaves, logra drenar o desplazar la linfa, que pueda encontrarse estancada a territorios linfáticos sanos para su evacuación normal hacia el torrente venoso.
 Esta técnica se ha perfeccionado en los últimos años.
 Actúa sobre el sistema neurovegetativo. Mejora el Sistema inmune, actúa en prevención.
 OBJETIVOS DEL CURSO: Obtener los conocimientos teóricos y prácticos en el área específica del drenaje linfático manual que permitan, a través de una intensa práctica, la comprensión y aplicación idónea de las maniobras.
+<br>
+<i><a href="http://curso.especificosba.com.ar/">Ir al curso</a></i>
 </div>
+
 <br/><br/><br/><br/>
+
 </div>
 </div>
 	

+ 1 - 1
listaprod.php

@@ -31,7 +31,7 @@ while ( $statement->fetch() ) {
                     <img src='Images/producto.jpg'>
                 </div>
                 <div class='texto'>
-                    <h5>$nombre</h5><br>$desc<br><br><u prodid='$id'>Ver más</u>
+                    <h5>$nombre</h5><br>$desc<br><br><u prodid='$id' style='cursor:pointer;'>Ver más</u>
                 </div>
            </div>";
     echo $html;

+ 6 - 0
productos.php

@@ -42,6 +42,12 @@ $(document).ready(function() {
 		$("#overlay-contact").css("display","block");
 		$("#descripcion_completa").css("display", "block");
 		$("#overlay-contact").css("height",$(document).height()+"px");
+		$('#overlay-contact').click(function(){
+            $('#descripcion_completa, #overlay-contact').hide();
+		});
+		$('#exit').click(function(){
+			$('#descripcion_completa, #overlay-contact').hide();
+        });
 	});
 	}
 	

+ 8 - 6
vermas.php

@@ -14,18 +14,20 @@ $statement->bind_result($nombre, $descripcion, $activos, $aplicacion);
 if (!$statement->fetch()) { die('why'); }
 
 echo "<div id = 'texto'>
-	    <h5>$nombre</h5><br/><br/>
-		<h5>Descripción</h5><br/>
+	    <h5 style='color:#2B4C5F; text-align:right;'>$nombre</h5><br/><br/>
+		<h5 style='color:#2B4C5F;'>Descripción</h5><br/>
 		$descripcion<br/><br/>";
 		if($activos != ''){
-		echo "<h5>Activos</h5><br/>
+		echo "<h5 style='color:#2B4C5F;'>Activos</h5><br/>
 				$activos<br/><br/>";
 		}
 		if($aplicacion != ''){
-		echo"<h5>Aplicación</h5><br/>
-				$aplicacion<br/><br/>";
+		echo"<h5 style='color:#2B4C5F;'>Aplicación</h5><br/>
+				$aplicacion<br/><br/>
+				"
+			;
 		}
-echo"</div>";
+echo"<br/><div id='exit'><u>salir</u></div><br/></div>";
 	
 
 ?>