Difference between revisions of "Web Elements"


(Download Box)
(Elements)
 
(27 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 +
===Test Objects===
 +
* [[Testing]]
 +
* [[Mainpage-Sandbox]]
  
* [[Web Element: Typography]]
+
<hr class="stylish2">
 +
 
 +
===Elements===
 +
* [[Dashboard]]
 +
* [[Web Element: Article]]
 +
* [[Web Element: Blog Post List Item]]
 +
* [[Web Element: Dashboard Box]]
 +
* [[Web Element: Data]]
 
* [[Web Element: Download Box]]
 
* [[Web Element: Download Box]]
* [[Web Element: Syntax Highlight]]
+
* [[Web Element: Google Chart]]
 +
* [[Web Element: Image]]
 +
* [[Web Element: Margin Note]]
 +
* [[Web Element: Math]]
 
* [[Web Element: People Info]]
 
* [[Web Element: People Info]]
 
* [[Web Element: Research Box]]
 
* [[Web Element: Research Box]]
* [[Web Element: Blog Post List Item]]
+
* [[Web Element: Section]]
 
+
* [[Web Element: Syntax Highlight]]
===People Info===
+
* [[Web element: Table]]
 
+
* [[Web Element: Timeline]]
<html>
+
* [[Web Element: Typography]]
<div class="" style="width:100%;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
+
* [[Web Element: Map]]
<a href="https://en.wikipedia.org/wiki/Charles_Darwin" target="_blank"><div class="" style="float:right;"><i class="fa fa-external-link" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
+
* [[Web Element: Vega Lite]]
<div class="" style="float:left;"><i class="fa fa-male" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
+
* [[Web Element: D3.js]]
<div class="" style="margin-left: 30px;"><span class="tk-futura-pt">Charles Darwin</span></div>
 
<div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">Naturalist, Geologist, Biologist&#8226;1809-1882</span></div>
 
</div>
 
<br>
 
<div class="" style="width:100%;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
 
<a href="#"><div class="" style="float:right;"><i class="fa fa-external-link" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
 
<div class="" style="float:left;"><i class="fa fa-female" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
 
<div class="" style="margin-left: 30px;"><span class="tk-futura-pt">Jane Doe</span></div>
 
<div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">Opportunist&#8226;1981-</span></div>
 
</div>
 
 
 
</html>
 
 
 
===Box===
 
  
{{Template:Box|1512|ESOLANG|Weird Computer Programming Language Codex|box}}
+
<hr class="stylish2">
  
{{Template:Box|1705|GRV|Gravity Model}}
+
===The Color===
  
===Blog Post List===
+
* .is-my-red {color: #bf360c;} <span class="is-my-red">SAMPLE</span>
<html>
+
* .is-your-red {color: #870000;} <span class="is-your-red">SAMPLE</span>
<div class="columns" style="max-height:151px;">
+
* For more: [https://material.io/tools/color/#!/?view.left=1&view.right=0&primary.color=BF360C Google Colors]
<div class="column is-one-fifth"><span class="is-small tk-futura-pt" style="color:#999;font-size:80%;">August 18, 2019</span></div>
 
<div class="column" style="overflow: hidden;">
 
<div class="category"><span class="tk-futura-pt" style="font-size:80%;">LOGBOOK</span></div>
 
<h5 style="margin-top: 0px; font-weight: bold;">Anket Çalışmalarıyla Bilim Yapmak</h5>
 
<p style="margin-top: -10px;line-height:1.2;">Sanırım çoğumuz arada sırada posta kutumuza gelen anket mesajlarına rastladık. Genellikle “''…bölümünde tez/bitirme projesi yazıyorum, ekteki anketi hazırladım, doldurursanız iyi olur…''” ifadeleri içeren Internet üzerinden doldurabileceğiniz ve az vaktinizi alacağı da belirtilen çalışmalar. Anket çalışmalarının, diğer bir ifadeyle algı ölçümü çalışmalarının bilimsel katkısını sorgulamak değil amacım, ancak anket hazırlamanın ve anket çalışmalarıyla bilim yapmanın da kuralları var.</p></div>
 
<div class="column is-one-quarter"><img src="https://static01.nyt.com/images/2019/08/19/arts/18metindia1/18metindia1-mediumThreeByTwo210.jpg?quality=100&auto=webp"/></div>
 
</div>
 
<hr>
 
</html>
 

Latest revision as of 06:38, 12 November 2020