Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Wie wurde diese Top-Wissen Box gebaut ?

Frage Entwicklung CSS

Mitglied: dark3zz

dark3zz (Level 1) - Jetzt verbinden

15.06.2012, aktualisiert 09:21 Uhr, 3857 Aufrufe, 2 Kommentare

Hallo

Diese Box da ganz Rechts oben. Mit: Top-Wissen, Top-Fragen.

Hat jemand eine Idee wie und was genau wo gebaut wurde ? Brauch auch so eine Box...

Könnte mir jquery sein ? Oder gibts da was fertiges ?

BILD: http://www7.pic-upload.de/15.06.12/dp1pjjje5ayc.png





Das der Quelltext:
01.
<div  style="border-right: 5px solid #bbdcf2; border-left: 5px solid #bbdcf2; border-bottom: 5px solid #bbdcf2;" id="top-1" class="tabdiv"> 
02.
<div class="teaserHomepageTopTen"> 
03.
<ul> 
04.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">1</span><a href="/wissen/Brother-MFC-9460-Toner-Reset-185076.html">Brother MFC 9460 - Toner Reset</a></li> 
05.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">2</span><a href="/wissen/Filme-und-Medienstreams-mit-einem-Klick-konvertieren-%28Variante2%29-185168.html">Filme und Medienstreams mit einem Klick konvertieren (Variante2)</a></li> 
06.
 
07.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">3</span><a href="/wissen/Office-2003-Dokumente-werden-sehr-langsam-ge%C3%B6ffnet-bzw.-Word-reagiert-nicht-mehr-185563.html">Office 2003 Dokumente werden sehr langsam ge&ouml;ffnet bzw. Word reagiert nicht mehr</a></li> 
08.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">4</span><a href="/wissen/Ubuntu-64bit%2C-Avira-Mail-und-Webgate-185413.html">Ubuntu 64bit, Avira Mail- und Webgate</a></li> 
09.
<li><span style="color:#bbdcf2;">5</span><a href="/wissen/Smartcard-und-Windows-7-185258.html">Smartcard und Windows 7</a></li> 
10.
</ul></div> 
11.
</div> 
12.
 
13.
<div  style="border-right: 5px solid #bbdcf2; border-left: 5px solid #bbdcf2; border-bottom: 5px solid #bbdcf2;" id="top-2" class="tabdiv"> 
14.
<div class="teaserHomepageTopTen"> 
15.
<ul> 
16.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">1</span><a href="/forum/SBS-2011-Fehler-nach-nicht-erfolgreichem-Update-KB2720211-186198.html">SBS 2011 - Fehler nach nicht erfolgreichem Update KB2720211</a></li> 
17.
 
18.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">2</span><a href="/forum/Internet-im-Haus-mit-mehren-Leuten-186428.html">Internet im Haus mit mehren Leuten</a></li> 
19.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">3</span><a href="/forum/TV-Livestream-%28ZDF%29-unter-Linux-Bild-ist-kurzzeitig-perfekt%2C-dann-verschwommen%3F-186220.html">TV-Livestream (ZDF) unter Linux -- Bild ist kurzzeitig perfekt, dann verschwommen?</a></li> 
20.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">4</span><a href="/forum/Netzlaufwerkverbindung-%C3%BCber-VPN-186261.html">Netzlaufwerkverbindung &uuml;ber VPN</a></li> 
21.
<li><span style="color:#bbdcf2;">5</span><a href="/forum/DHCP-oder-feste-IP-MIT-DHCP-Serverdienst-186319.html">DHCP oder feste IP MIT DHCP-Serverdienst</a></li> 
22.
</ul></div> 
23.
</div> 
24.
 
25.
<div  style="border-right: 5px solid #bbdcf2; border-left: 5px solid #bbdcf2; border-bottom: 5px solid #bbdcf2;" id="top-3" class="tabdiv"> 
26.
 
27.
<div class="teaserHomepageTopTen"> 
28.
<ul> 
29.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">1</span><a href="/linkid/3455">Markenanmeldung mit www.markenhit.de</a></li> 
30.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">2</span><a href="/linkid/3454">Lesnswert: Blueprint &quot;Effektive Priorit&auml;tsstrategien in der IT &quot;</a></li> 
31.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">3</span><a href="/linkid/3456">The Verge</a></li> 
32.
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">4</span><a href="/linkid/3457">Online Marketing, Internetdienstleistung, Suchmaschinenoptimierung</a></li> 
33.
<li><span style="color:#bbdcf2;">5</span><a href="/linkid/3458">Channel 9: Videos about the people building Microsoft Products &amp; Services</a></li> 
34.
 
35.
</ul></div> 
36.
</div> 
37.
</div> 
38.
 
39.
<script type="text/javascript"> 
40.
/*<![CDATA[*/ 
41.
// $('#tabs-916f8402db581066e1a0ef6b502ea012').tabs(); 
42.
		$('#tabs-916f8402db581066e1a0ef6b502ea012').tabify(); 
43.
         
44.
         
45.
  		if (getURLParam('tab') != '') { tab_id=getURLParam('tab'); $('#tabs-916f8402db581066e1a0ef6b502ea012').tabs( 'option', 'selected', parseInt(tab_id)); } 
46.
/*]]>*/ 
47.
</script> 
48.
<div class="ads-336x280-wrapper"> 
49.
<script type="text/javascript">/* <![CDATA[ */
Gruess
Mitglied: masterG
19.06.2012 um 11:09 Uhr
Wenn du sowas unbedingt brauchst, wieso probierst du dann nicht einfach herum und programmierst sowas selbst?

Jedenfalls ich würde das ganze mit JQuery und CSS machen.
Hab mir zwar den quelltext nicht angeschaut, bin mir aber ziemlich sicher dass Frank das genauso gelöst hat.
Bitte warten ..
Mitglied: dark3zz
19.06.2012 um 21:50 Uhr
ehm, danke das du mich an meinen post hier erinnert hast. habe es gerade gesehen.

er benutzt tabify. und frank hatte wohl auch keine zeit um sich in die materie zu arbeiten und hat deshalb ein jquery plugin genommen

http://unwrongest.com/projects/tabify/
Bitte warten ..
Ähnliche Inhalte
Neue Wissensbeiträge
Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(9)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(6)

Anleitung von BassFishFox zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Exchange Server
Exchange 2016 Standard Server 2012 R2 Hetzner Mail (36)

Frage von Datsspeed zum Thema Exchange Server ...

Verschlüsselung & Zertifikate
Mit Veracrypt eine zweite interne (non-system) Festplatte verschlüsseln (10)

Frage von Bernulf zum Thema Verschlüsselung & Zertifikate ...

Internet Domänen
Nameserver ein Geist? (7)

Frage von zelamedia zum Thema Internet Domänen ...

Microsoft Office
Übertrag in eine andere Tabelle (6)

Frage von charmeur zum Thema Microsoft Office ...