Personalization of blog

xiaoxiao2021-03-06 57

Add a "Weather Forecast" function for your blog.

Add the following statement in the "Static News / Declaration" of "Options" -> Configuration, you can:

Today's weather

</ iframe> </ center></p> <p>Add flash exquisite clock to blog</p> <p>Discover a lot of beautiful Flash clocks, free, no ads can be used, color can also be selected, easy to install.</p> <p>You can preview, choose your favorite.</p> <p>Scale clock: <Embed src = http://www.butabon.com/clock/clock_038.swf width = 150 Height = 150 WMODE = Transparent Quality = high loop = true menu = false> where Http: //www.butabon .com / clock / clock_038.swf is the Flash address of the clock, can be previewed in IE, where 038 can replace any number between 000-039 or between 051-059 (all look at personal preferences, huh)</p> <p>Digital clock:</p> <p>The first style: <embed src = http://www.butabon.com/clock/digiwide019.swf width = 150 height = 15 wmode = transparent Quality = high loop = true menu = false> where http: // www .butabon.com / clock / digiwide019.swf is also the Flash address of the clock, can be previewed in IE, where 019 can replace any number between 000-019 (also fully watching personal preferences, huh)</p> <p>Second style: <Embed src = http://www.butabon.com/clock/digital_019.swf width = 150 height = 90 wmode = transparent Quality = high loop = true menu = false> where http: // www .butabon.com / clock / digital_019.swf is also the Flash address of the clock, which can be previewed in IE, where 019 can replace any one between 000-019 You can successfully preview in IE ( Please test your own yourself).</p> <p>See: http://blog.9cbs.Net/kvw3000/41178.aspx</p> <p>Blog Tips: Add a control menu to blog to expand and shrink press</p> <p>When you read the article, Blog's menu bar is really too eye, I added a button to control the display and hide of the menu. This can be implemented with JavaScript, but 9CBS Blog is not allowed to join JavaScript directly in the configuration, but we can add JavaScript to a picture in LNLOAD event. Look at me is added to the counting code code, the effect looks at the upper left corner. The program code is as follows:</p> <p>VAR div = document.createElement ('span'); document.body.insertadjacentelement ('BeforeEnd', Div); div.style.csstext = 'POSITION: ABSOLUTE; Display: block; Top: 42; Left: 2; width: 90; Height: 20; Color: Green; Background: Yellow; border: 2 outset; cursor: hand; '; div.innerText =' << Return Menu '; div.οnclick = function () {var iShide = (RightMenu). Style.display == 'None'); RightMenu.Style.Display = ISHIDE? 'Block': 'None'; Div.innertext = ISHIDE? '<< Return Menu': 'Expand Menu >>';} Pair of Blog Skin Concrete modification</p> <p>The skin pattern I have chosen is anothereon001. The following is a specific custom CSS:</p> <p>. HeadermainTitle {FONT-FAMILY: FONT-SIZE: 1CM; Color: # 000000; Align: center} .blogstats {color: black;} p.date span {background-color: # e7e7e7;}. post {border: 1px solid #cccccc; border-bottom-width: 2px; border-right-width: 2px; padding: 4px; margin-bottom: 28px; background-color: #dadada;}. Post h2 {font-size: 14px; margin : 0px; margin-bottom: 4px; font-family: 体 _GB2312;}. Post a {color: # ff5500;}. Post .postfoot {margin: 0px; margin-top: 14px; color: # aa6666; border- Top: 1px solid #dddddddd; font-size: 0.8em; Background-color: # c8c8c8;} # top {background-color: #ffffff; height: 75px; vertical-align: middle; background-image: URL (http: //BLOG.9CBS.NET/IMages/blog_9cbs_net/peterdoo/18050/o_yu.jpg); Background-Repeat: no-repeat; filter: alpha (Opacity = 80);} # sub {text-align: Right; Background Color: # bbd4d9; color: #cccccc; font-size: 0.8em; padding: 4px;} # leftcell {width: 200px; vertical-align: top; background-color: # bbc3d9; filter: alpha (Opacity = 100, Finishopacity = 0, Style = 1);}. maincell {border-left: 1p X solid #ddddddd; border-bottom: 1px solid #dddddd; padding: 10px; background-color: # e7e7e7; vertical-align: top;}</p> <p>The background image is the picture uploaded to the album.</p> <p>There is no background image to the left menu area, just use filter: alpha (Opacity = 100, finishopacity = 0, style = 1); a background color of the transition effect produced. In fact, there is no technical content! Show your MSN and QQ status in Blog</p> <p>Paste the following code to the BLOG management configuration 'Static News' Text box is OK, save the page, look at your home</p> <p>MSN status:</p> <p><a href="http://snind.gotdns.com:8080/message/msn/msn account (xxx@hotmail.com )> <img src = "http://snind.gotdns.com:8080/msn/ MSN account (xxx@hotmail.com) "align =" absmiddle "border =" 0 "alt =" msn online stat = "this.οrrοr = null; this.src = 'http: //snind.gotdns. COM: 8080 / image / msnunknown.gif '; "> </a></p> <p>More you can go http://snind.gotdns.com:8080</p> <p>QQ status:</p> <p><img src = "http://icon.tencent.com/ your QQ account / L / 612 /"></p> <p>More you can go http://qqol.3322.org/</p> <p>Create a personal calendar control for your blog</p> <p>The calendar control is one of the controls of the DOTNET, which is powerful, and it is useful in many project development, which is essential for the Blog system. It still needs to be carved in a good jade, in order to make it more beautiful and practical, we also need to develop it secondary.</p> <p>The first step is to set up, this is required to make some adjustments to its related properties according to your needs. The picture below is the interface I adjusted.</p> <p>The property is set as follows:</p> <p><ask: Calendar ID = "Calendar1" Cellpadding = "2" width = "160px" titlesty-backcolor = "# 000000" BorderColor = "# aaaaa"</p> <p>DayHeaderstyle-BackColor = "# 5e715e" OtherMontHDayStyle-foreColor = "# cccccc" dayNameformat = "full"</p> <p>Runat = "server" titlesty-forecolor = "# ffffff" NextPrevStyle-forecolor = "# ffffff" cellspacing = "1"</p> <p>WeekenddayStyle-BackColor = "# eeeeee" dayheaderstyle-forecolor = "# fffff" SelectionMode = "none"</p> <p>TODAYDAYSTYLE-BORDERCOLOR = "# 5e715e" TodayDayStyle-borderwidth = "1" TodayDayStyle-font-bold = "true"</p> <p>TodayDayStyle-foreColor = "# 5e715e"> The second step is to adjust the internal function, which is mainly set to the processing of the following two events.</p> <p>Prerender: When the server control will be present to the PAGE object included.</p> <p>Dayrender: When the Calendar control is created every day in the control hierarchy.</p> <p>First define three integer variables and integer arrays</p> <p>Private int [] ArrcurrentDays, Arrpredays, ArrnextDays; // The three variables are the current month, January, and the next month private int int, intnextMonth, IntnextMonth; // three integer array stores relative months written with blog Date Protected System.Web.ui.WebControls.calendar Calendar1; // This is our calendar control.</p> <p>2. Below I will give the source code of these two events, and explain the features it implemented below. If you don't understand, you can first look at the following description.</p> <p>Prerender</p> <p>private void Calendar1_PreRender (object sender, System.EventArgs e) {Thread threadCurrent = Thread.CurrentThread; CultureInfo ciNew = (CultureInfo) threadCurrent.CurrentCulture.Clone (); ciNew.DateTimeFormat.DayNames = new string [] { "day", " A "," two "," three "," four "," five "," six "}; cinew.datetimeformat.firstdayofweek = dayofweek.sunday; threadcurrent.currentculture = cinew;}</p> <p>The above code changes the display of the weeks. You can change your name to display only if you want to change the value of the character array.</p> <p>Dayrender</p> <p>Private void Calendar1_dayrender (object sender, system.web.ui.webcontrols.dayrenderEventArgs e) {// This control occurs every day. Calendarday D = ((DayRendeventargs) e) .day; TableCell C = ((DayRendreventArgs) e). Cell;</p> <p>// Initialize the current month's date array if (INTPREMONTH == 0) {INTPREMONTH = D.date.month; // Note: The first month we get in the first month when the calendar control is initialized, but the former one intCurrentMonth month month = intPreMonth 1; if (intCurrentMonth> 12) intCurrentMonth = 1; intNextMonth = intCurrentMonth 1; if (intNextMonth> 12) intNextMonth = 1; arrPreDays = getArrayDay (d.Date.Year, intPreMonth); // Received the date array of blogs from the previous month ArrcurrentDays = GetArrayDay (D.date.Year, INTCURRENTMONTH); // Get date array of blogs in the month arrnextDays = GetArrayDay (D.date.Year, IntnexTmonth); // Get next month There is a date array of blog} int J = 0; if (d.date.month.equals (intPRemonth)) {while (! Arrpredays [j] .Equals (0)) {if (D.date.day.equals (arrpredays [j]) {c.controls.clear (); c.controls.add (new literalcontrol ("<a href = day.aspx? year =" D.date.Year "& Month =" D.date. Month "& day =" D.date.day "> D.date.day " </a "));} j ;}} else if (d.date.month.equ ALS (InTcurrentMonth) {while (! arrcurrentdays [j] .Equals (0)) {if (D.date.Day.equals (arrcurrentdays [j])) {c.controls.clear (); c.controls.add (New LiteralControl ("<a href=day.aspx?year=" d.date.year "&month=" D.date.month "&day=" d.date.day ">" D.DATE. Day "</a>"));} J ;</p> <p>}}} Else if (d.date.month.equals (intNextMonth)) {while (! ArrnextDays [J] .Equals (0)) {if (D.date.Day.equals (arrnextdays [j])) {c. Controls.clear (); c.controls.add (new literalcontrol ("<a href = day.aspx? Year =" D.date.Year "& month =" D.date.month "& day =" D. Date.day "> D.date.day " </a "));} J ;}}} Date Control A page can display three months of date, the current month is complete, the first month and Some date in January. DayRender event initializes the display method of the specific date, here we have to add a hyperlink on the date with Blog content. So we need to get three arrays during initialization, and store the date of writing with Blog for three consecutive months, respectively. Then compare with the current date in turn, add a link.</p> <p>When using a DayRender event, you must do not forget that it is performed once at each date initialization, which means that the event initialization of the calendar control is to execute 42 times, so do not add as possible, don't add Judging the repeated database operation, I didn't pay attention when I started, and two read library statements were written in the event, and the results were seriously affected.</p> <p>The following method is that I have used to get a date array.</p> <p>// Get the date array of Blog this month private int [] GetArrayDay (int tent "{int [] INTARRAY = new int [31]; // Select records in accordance with the requirements in the database, deposit the date into array string strSql = "select content_time from content where year (content_time) =" intYear "and month (content_time) =" intMonth; dr = SqlHandle.GetDr (strSql); while (dr.Read ()) {if (i = = 0) {INTARRAY [I] = Dr.getdateTime (0) .day; i ;} else f (Dr.GetdateTime (0) .day! = INTARRAY [I-1]) {Intarray [i] = Dr.GetDatetime (0) .day; i ;}} Dr.close (); Return INTARRAY</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-113425.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="113425" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.051</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'pvAFuV9Rr8Xvrj5qNVl3PTJh2QZZwBTQYiBdanu0cMmJnWWJ6i3ashK8lnXKfZMPGQHexag6iBiw2AxP'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>