"FrontDownBox" பக்கத்தின் திருத்தங்களுக்கிடையேயான வேறுபாடு

நூலகம் இல் இருந்து
தாவிச் செல்ல:வழிசெலுத்தல், தேடுக
 
(3 பயனர்களால் செய்யப்பட்ட 61 இடைப்பட்ட திருத்தங்கள் காட்டப்படவில்லை.)
வரிசை 3: வரிசை 3:
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
   <title>Nested Boxes Example</title>
+
   <title>FrontBoxDown</title>
 
   <style>
 
   <style>
−
     /* Style for the outermost container */
+
     /* Styles for the outermost container */
 
     .outermost-container {
 
     .outermost-container {
−
       background-color: #dfedff; /* Add background color to the outermost container */
+
       background-color: #dfedff;
−
       padding: 1%; /* Add padding for spacing */
+
       padding: 1%;
−
       border: 1px solid blue;
+
       border: 1px solid #009de0;
 
     }
 
     }
  
−
     /* Style for the outer container */
+
     /* Styles for the outer container */
 
     .outer-container {
 
     .outer-container {
 
       display: flex;
 
       display: flex;
−
       justify-content: space-between; /* Space the inner boxes apart */
+
       flex-wrap: wrap; /* Allow boxes to wrap to the next line on smaller screens */
−
      width: 100%; /* Adjust the total width as needed */
+
       justify-content: space-between;
−
       margin: 0 auto; /* Center the container */
 
 
     }
 
     }
  
−
     /* Style for each container holding an inner box and additional box */
+
     /* Styles for each box container */
 
     .box-container {
 
     .box-container {
−
      position: relative; /* Added for positioning */
+
       width: 48%; /* Adjust the width of each container as needed */
−
       width: 49%; /* Adjust the width of each container as needed */
+
       margin-bottom: 20px;
−
       height: auto;
+
      position: relative;
 
     }
 
     }
  
−
     /* Style for each inner box */
+
     /* Styles for each inner box */
 
     .inner-box {
 
     .inner-box {
−
       width: 100%; /* Adjust the width of each inner box as needed */
+
       width: 100%;
−
       height: 300px;
+
       height: 320px;
−
       font-size: 20px;
+
       font-size: 30px;
 
       background-color: #dfedff;
 
       background-color: #dfedff;
−
       padding: 1%; /* Adjust padding for inner box content */
+
       padding: 1%;
−
      align-items: center;
 
 
       text-align: center;
 
       text-align: center;
−
      transition: background-color 0.3s, color 0.3s; /* Add transition for a smooth effect */
+
       border-radius: 5px;
−
       border-radius: 0px; /* Corrected property name */
+
       box-sizing: border-box;
−
       box-sizing: border-box; /* Include padding and border in the box's total width and height */
+
       cursor: pointer;
−
       cursor: grab;
+
       border: 1px solid #009de0;
−
       border: 1px solid blue;
 
 
     }
 
     }
  
−
+
     /* Styles for the box below each inner box */
−
 
 
−
     /* Style for the box below each inner box */
 
 
     .additional-box {
 
     .additional-box {
−
       position: absolute; /* Added for positioning */
+
       position: absolute;
−
       width: 500px;
+
       width: 90%;
−
       height: 110px;
+
       height: 130px;
 
       text-align: center;
 
       text-align: center;
 
       background-color: #dfedff;
 
       background-color: #dfedff;
−
       margin-top: 5px; /* Add margin for spacing */
+
       margin-top: 5px;
 
       margin-bottom: 5px;
 
       margin-bottom: 5px;
 
       border-radius: 5px;
 
       border-radius: 5px;
−
       padding-left: 50px;
+
       bottom: 0;
−
       bottom: 0; /* Align the additional box at the bottom of the container */
+
       left: 5%; /* Adjust the left position */
−
       left: 0; /* Align the additional box to the left of the container */
+
    }
 +
       .responsive-image{
 +
        width: auto;
 +
        height:100px;
 +
    }
 +
    @media screen and (max-width: 768px) {
 +
      /* Adjustments for mobile devices */
 +
 
 +
      .box-container {
 +
        width: 100%;
 +
        height: 200px;
 +
       
 +
      }
 +
 +
 
 +
      .inner-box {
 +
      width: 100%;
 +
      height: 200px;
 +
      font-size: 10px;
 +
      font-weight: bold;
 +
    }
 +
      .additional-box {
 +
        width: 90%;
 +
        height:auto;
 +
        left: 5%;
 +
        font-size: 10px;
 +
      }
 +
      .responsive-image{
 +
        width: auto;
 +
        height:40px;
 +
    }
 +
      }
 +
    }
 +
 
 +
      .responsive-image{
 +
        width: auto;
 +
        height:100px;
 
     }
 
     }
 
   </style>
 
   </style>
வரிசை 71: வரிசை 102:
 
     <div class="box-container">
 
     <div class="box-container">
 
       <div class="inner-box" onclick="openLink()">
 
       <div class="inner-box" onclick="openLink()">
−
         <img src="https://noolaham.org/wiki/images/thumb/2/28/NoolakamFoundation.png/680px-NoolakamFoundation.png" style="height: 100px; width:auto ;" >
+
         <img src="https://noolaham.org/wiki/images/6/6c/NOOLAHAM-LOGO-PALOODAKAM-JAN2024_01%281%29.png" class="responsive-image" >
−
         <p style="font-size: 30px;">நூலகம் நிறுவனம் <br/> Noolaham Foundation</p>
+
         <p >பல்லூடக நூலகம் <br/> Noolaham Multimedia</p>
 
       </div>
 
       </div>
 
       <div class="additional-box"> <br/>
 
       <div class="additional-box"> <br/>
−
         <p> இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.  
+
         <p> புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.
−
</p>
+
      </p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
வரிசை 82: வரிசை 113:
 
     <!-- Right inner box with additional box -->
 
     <!-- Right inner box with additional box -->
 
     <div class="box-container">
 
     <div class="box-container">
−
       <div class="inner-box" onclick="openLink3()">
+
       <div class="inner-box" onclick="openLink2()">
−
         <img src="https://noolaham.org/wiki/images/5/55/Pallikoodam.png" style="height: 100px; width:auto ;">
+
         <img src="https://noolaham.org/wiki/images/thumb/2/24/NOOLAHAM-NEW_LOGO-PALLIKOODAM-JAN2024-01_%281%29.png/900px-NOOLAHAM-NEW_LOGO-PALLIKOODAM-JAN2024-01_%281%29.png" class="responsive-image">
−
         <p style="font-size: 30px;">நூலகம் பள்ளிக்கூடம் <br/> Noolaham School</p>
+
         <p >பள்ளிக்கூட நூலகம் <br/> Noolaham School</p>
 
       </div>
 
       </div>
 
       <div class="additional-box"> <br/>
 
       <div class="additional-box"> <br/>
 +
 
         <p> கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான‌ ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.  
 
         <p> கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான‌ ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.  
−
        </p>
+
      </p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
  
 
   <br>
 
   <br>
  
−
  <!-- Second set of boxes -->
+
<!-- Second set of boxes -->
 
   <div class="outer-container">
 
   <div class="outer-container">
 
     <!-- Left inner box with additional box -->
 
     <!-- Left inner box with additional box -->
 
     <div class="box-container">
 
     <div class="box-container">
−
       <div class="inner-box" onclick="openLink2()">
+
       <div class="inner-box" onclick="openLink3()">
−
         <img src="https://noolaham.org/wiki/images/0/07/Aavanahamm.png" style="height: 100px; width:auto ;">
+
         <img src="https://noolaham.org/wiki/images/thumb/e/e9/NOOLAHAM_FOUNDATION-NEW_LOGO-JAN2024-01_%281%29.png/900px-NOOLAHAM_FOUNDATION-NEW_LOGO-JAN2024-01_%281%29.png" class="responsive-image" >
−
         <p style="font-size: 30px;">நூலகம் பல்லூடகம் <br/> Noolaham Multimedia</p>
+
         <p >நூலக நிறுவனம் <br/> Noolaham Foundation </p>
 
       </div>
 
       </div>
 
       <div class="additional-box"> <br/>
 
       <div class="additional-box"> <br/>
−
         <p> புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.
+
         <p> இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.  
−
        </p>
+
</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
 +
 +
  
 
     <!-- Right inner box with additional box -->
 
     <!-- Right inner box with additional box -->
 
     <div class="box-container">
 
     <div class="box-container">
 
       <div class="inner-box" onclick="openLink4()">
 
       <div class="inner-box" onclick="openLink4()">
−
         <img src="https://noolaham.org/wiki/images/thumb/f/f0/CTNLPR.png/900px-CTNLPR.png" style="height: 100px; width:auto;">
+
         <img src="https://noolaham.org/wiki/images/thumb/f/fa/NOOLAHAM-NEW_LOGO-CTNLPR-JAN2024-01_%281%29.png/900px-NOOLAHAM-NEW_LOGO-CTNLPR-JAN2024-01_%281%29.png" class="responsive-image">
−
         <p style="font-size: 30px;">நூலகம் நுட்பம் <br/> Noolaham Tech</p>
+
         <p >நூலக நுட்பம் <br/> Noolaham Tech</p>
 
       </div>
 
       </div>
 
       <div class="additional-box"> <br/>
 
       <div class="additional-box"> <br/>
வரிசை 126: வரிசை 162:
 
<script>
 
<script>
 
     function openLink() {
 
     function openLink() {
−
         window.location.href = "https://noolahamfoundation.org/wiki/index.php/Main_Page";
+
         window.location.href = "http://noolaham.media";
 
     }
 
     }
  
 
     function openLink2() {
 
     function openLink2() {
−
         window.location.href = "https://aavanaham.org/";
+
         window.location.href = "http://noolaham.school";
 
     }
 
     }
  
 
     function openLink3() {
 
     function openLink3() {
−
         window.location.href = "https://aavanaham.org/open-educational-resources";
+
         window.location.href = "https://noolaham.foundation";
 
     }
 
     }
  
 
     function openLink4() {
 
     function openLink4() {
−
         window.location.href = "https://www.ctnlpr.com/";
+
         window.location.href = "https://www.noolaham.tech";
 
     }
 
     }
  

01:52, 10 சூலை 2024 இல் கடைசித் திருத்தம்

FrontBoxDown

பல்லூடக நூலகம்
Noolaham Multimedia


புகைப்படங்கள், ஒலி-நிகழ்பட ஆவணங்கள் (Audio-Visual materials), அலுவலக ஆவணங்கள் (சொற்செயலி, அட்டவணை, நிகழ்த்தல்), வலைத்தளங்கள் போன்ற பல்லூடகங்களை பாதுகாத்துப் பகிர்வதற்கான தளம்.

பள்ளிக்கூட நூலகம்
Noolaham School


கல்வி சார் முயற்சிகளுக்கு உறுதுணையாக, கற்றல் கற்பித்தற் செயன்முறைகளுடன் தொடர்பான‌ ஆவணங்களைச் சேகரித்து, ஆவணப்படுத்தி இணையம் வழியாக அனைவருக்கும் பயன்தரும் வகையில் வெளியிடும் இணையத் தளம்.


நூலக நிறுவனம்
Noolaham Foundation


இலங்கைத் தமிழ் பேசும் சமூகங்கள் தொடர்பான ஆவணங்களை எண்ணிமப்படுத்தி ஆவணப்படுத்தி, இலவச மற்றும் திறந்த அணுகல் மூலம் தமிழ் பேசும் சமூகங்கள் தொடர்பான கல்வி, ஆராய்ச்சி மற்றும் மேம்பாட்டு முயற்சிகளை ஆதரிக்கும் நிறுவனம்.

நூலக நுட்பம்
Noolaham Tech


தமிழ் மொழியின் நீண்ட ஆயுளுக்கும் முழுமைக்கும் தொழில்நுட்ப மேம்பாடுகளைப் பின்பற்றி இயற்கை மொழி செயலாக்கம் (Natural Language Processing) மற்றும் செயற்கை நுண்ணறிவு (Artificial Intelligence) சார்ந்த ஆய்வுகளை மேற்கொள்ளுதல்.


நூல்கள் [20,165] இதழ்கள் [17,465] பத்திரிகைகள் [69,598] பிரசுரங்கள் [1,367] நினைவு மலர்கள் [2,592] சிறப்பு மலர்கள் [7,260] எழுத்தாளர்கள் [8,997] பதிப்பாளர்கள் [7,210] வெளியீட்டு ஆண்டு [238] குறிச்சொற்கள் [127] வலைவாசல்கள் [25] சுவடியகம் [24] நிறுவனங்கள் [1,926] வாழ்க்கை வரலாறுகள் [3,403]

உங்கள் பங்களிப்புகளுக்கு
"https://noolaham.org/wiki/index.php?title=FrontDownBox&oldid=613891" இருந்து மீள்விக்கப்பட்டது
  • Powered by MediaWiki