SHARE
TWEET

Mapa Interactivo (html)

Arabella23 Jun 27th, 2015 (edited) 428 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div style="width:450px;height:300px;border:6px solid #ffffff;margin:auto;">
  2.                                                                                                                  <img style="width:250px;height:300px;border-right:6px solid #ffffff;" src="http://i.imgur.com/WCfQrsN.png" />                                                                                                  
  3.         <div id="pinbrasil">
  4.                                                                                                             <a href="url" style="font-size:20px;color:#46da1e;">●</a>                                                                                                                  
  5.         </div>
  6.                                                                                                                                                                                                          
  7.         <div id="pinargentina">
  8.                                                                                           <a href="url" style="font-size:20px;color:#08bfb4;">●</a>                                                                                                                  
  9.         </div>
  10.                                                                                                                                                                                                                                                        
  11.         <div id="pinuruguay">
  12.                                                                                           <a href="url" style="font-size:20px;color:#d71f60;">●</a>                                                                                                                            
  13.         </div>
  14.                                                                                                                                                                                                    
  15.         <div id="pinchile">
  16.                                                                                           <a href="url" style="font-size:20px;color:#296fee;">●</a>                                                                                                                      
  17.         </div>
  18.                                                                                                                                                        
  19.         <div id="pinparaguay">
  20.                                                                                           <a href="url" style="font-size:20px;color:#d6d80f;">●</a>                                                                                                                      
  21.         </div>
  22.                                                                                                                                                        
  23.         <div id="pinbolivia">
  24.                                                                                           <a href="url" style="font-size:20px;color:#ef730f;">●</a>                                                                                                                      
  25.         </div>
  26.                                                                                                                                                
  27.         <div id="pinperu">
  28.                                                                                           <a href="url" style="font-size:20px;color:#abbe0c;">●</a>                                                                                                                      
  29.         </div>
  30.                                                                                                                                                
  31.         <div id="pinecuador">
  32.                                                                                           <a href="url" style="font-size:20px;color:#681189;">●</a>                                                                                                                      
  33.         </div>
  34.                                                                                                                                                
  35.         <div id="pincolombia">
  36.                                                                                           <a href="url" style="font-size:20px;color:#c8290a;">●</a>                                                                                                                      
  37.         </div>
  38.                                                                                                                                        
  39.         <div id="pinvenezuela">
  40.                                                                                           <a href="url" style="font-size:20px;color:#21ead9;">●</a>                                                                                                                      
  41.         </div>
  42.                                                                                                                                    
  43.         <div style="width:194px;height:300px;background:#ffffff;float:right;margin-top:-35px;">
  44.                                                                                                                      
  45.                 <div style="margin-bottom:3px;padding:1px;background:#000000;text-align:center;font-size:12px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:5px;">
  46.                                                                           Leyenda                                                  
  47.                 </div>
  48.                                                                                                      
  49.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#000000;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:5px;">
  50.                                                                           Pais                                              
  51.                 </div>
  52.                                                                                      
  53.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#000000;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:5px;">
  54.                                                                           Censo                                              
  55.                 </div>
  56.                                                                    
  57.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#46da1e;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  58.                                                                           Brasil                                            
  59.                 </div>
  60.                                                                                      
  61.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  62.                                                                           000                                            
  63.                 </div>
  64.                                                      
  65.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#08bfb4;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  66.                                                                           Argentina                                          
  67.                 </div>
  68.                                                                                      
  69.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  70.                                                                           000                                            
  71.                 </div>
  72.                                                          
  73.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#d71f60;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  74.                                                                          Uruguay                                        
  75.                 </div>
  76.                                                                                      
  77.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  78.                                                                           000                                            
  79.                 </div>
  80.                                                        
  81.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#296fee;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  82.                                                                          Chile                                    
  83.                 </div>
  84.                                                                                      
  85.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  86.                                                                           000                                            
  87.                 </div>
  88.                                                                              
  89.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#d6d80f;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  90.                                                                          Paraguay                                    
  91.                 </div>
  92.                                                                                      
  93.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  94.                                                                           000                                            
  95.                 </div>
  96.                                                  
  97.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#ef730f;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  98.                                                                         Bolivia                                
  99.                 </div>
  100.                                                                                      
  101.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  102.                                                                           000                                            
  103.                 </div>
  104.                                                        
  105.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#abbe0c;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  106.                                                                          PerΓΊ                                  
  107.                 </div>
  108.                                                                                      
  109.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  110.                                                                           000                                            
  111.                 </div>
  112.                                                    
  113.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#681189;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  114.                                                                          Ecuador                                  
  115.                 </div>
  116.                                                                                      
  117.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  118.                                                                           000                                            
  119.                 </div>
  120.                                                                      
  121.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#c8290a;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  122.                                                                          Colombia                                    
  123.                 </div>
  124.                                                                                      
  125.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  126.                                                                           000                                            
  127.                 </div>
  128.                                                    
  129.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#21ead9;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  130.                                                                          Venezuela                                  
  131.                 </div>
  132.                                                                                      
  133.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#eeeeee;text-align:center;font-size:10px;font-family:calibri;color:#141414;text-transform:uppercase;letter-spacing:3px;">
  134.                                                                           000                                            
  135.                 </div>
  136.                                          
  137.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#000000;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  138.                                                                           xxxxx                                              
  139.                 </div>
  140.                                                                                      
  141.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#000000;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  142.                                                                           000                                              
  143.                 </div>
  144.                                                            
  145.                 <div style="width:110px;margin-bottom:3px;padding:1px;background:#000000;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  146.                                                                           xxxxx                                              
  147.                 </div>
  148.                                                                                      
  149.                 <div style="width:78px;float:right;margin-top:-20px;margin-bottom:3px;padding:1px;background:#000000;text-align:center;font-size:10px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:3px;">
  150.                                                                           000                                              
  151.                 </div>
  152.                                          
  153.                 <div style="height:16px;padding:2px;background:#000000;text-align:center;font-size:8px;font-family:calibri;color:#ffffff;text-transform:uppercase;letter-spacing:2px;">
  154.                                                                            <a href="http://savage-themes.tumblr.com/">Creado por Arabella</a>                                          
  155.                 </div>
  156.                                                              
  157.         </div>
  158. </div>
RAW Paste Data
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
 
Top